How to use iframe to apply the data of other web pages while maintaining compatibility
|
Below is the code that Shiji Tiancheng uses to call Tencent KartRider page. It is really good. The editor of 123WORDPRESS.COM has done this before. It requires the use of js or something. I share it with you for reference.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="gbk" />
<meta http-equiv="x-ua-compatible" content="IE=edge">
<meta name="robots" content="all" />
<meta name="author" content="Tencent-CP" />
<meta name="Description" content="KartRider" />
<meta name="Keywords" content="KartRider" />
<title>KartRider Rush+-Official Website</title>
</head>
<!-- <frameset rows="0,*" cols="*" framespacing="0" frameborder="NO" border="0">
<frame src="#" name="topFrame" scrolling="NO" noresize="">
<frame src="https://wepop.qq.com/act/a20190104order/?adtag=sjtc" name="mainFrame">
</frameset>
<noframes>
<body>
</body>
</noframes> -->
</html>Pure HTML implementation does not require JS, friends in need can refer to it. If the effect is not good, you can refer to 123WORDPRESS.COM's previous implementation using js. |
<<: Basic notes on html and css (must read for front-end)
Recommend
Graphic tutorial on configuring log server in Linux
Preface This article mainly introduces the releva...
Detailed explanation of 4 common data sources in Spark SQL
Generic load/write methods Manually specify optio...
The difference between html form submission action and url jump to actiond
The action of the form is different from the URL j...
Detailed explanation of Nest.js parameter validation and custom return data format
0x0 Parameter verification Most of the parameter ...
How to get the current time using time(NULL) function and localtime() in Linux
time(); function Function prototype: time_t time(...
HTML is the central foundation for the development of WEB standards
HTML-centric front-end development is almost what ...
Description of meta viewport attribute in HTML web page
HTML meta viewport attribute description What is ...
js canvas to realize the Gobang game
This article shares the specific code of the canv...
Detailed explanation of the implementation process of dual-master synchronization of partial tables in MySQL 5.7
Preface Recently, I encountered a requirement. Du...
Detailed explanation of the idea of implementing dynamic effect of lyrics progress text color filling change using CSS3
When playing music, the lyrics will gradually fil...
Detailed introduction to logs in Linux system
Table of contents 1. Log related services 2. Comm...
Cross-host communication between docker containers-overlay-based implementation method
Overlay network analysis Built-in cross-host netw...
Abbreviation of HTML DOCTYPE
If your DOCTYPE is as follows: Copy code The code ...
Detailed example code of mysql batch insert loop
background A few days ago, when I was doing pagin...
Solution to invalid Nginx cross-domain setting Access-Control-Allow-Origin
nginx version 1.11.3 Using the following configur...