How to use iframe to apply the data of other web pages while maintaining compatibility

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)

>>:  CSS3 diamond puzzle realizes the function of rotating only div and not rotating the background image

Recommend

Detailed explanation of MySQL slow log query

Slow log query function The main function of slow...

How to implement hot deployment and hot start in Eclipse/tomcat

1. Hot deployment: It means redeploying the entir...

Scoring rules of YSlow, a webpage scoring plugin developed by Yahoo

YSlow is a page scoring plug-in developed by Yaho...

How to deploy Node.js with Docker

Preface Node will be used as the middle layer in ...

Problems and solutions when installing MySQL8.0.13 on Win10 system

Operating system: Window10 MySQL version: 8.0.13-...

Steps for Vue to use Ref to get components across levels

Vue uses Ref to get component instances across le...

How to modify the default submission method of the form

The default submission method of html is get inste...

Six methods for nginx optimization

1. Optimize Nginx concurrency [root@proxy ~]# ab ...

TimePicker in element disables part of the time (disabled to minutes)

The project requirements are: select date and tim...

mysql indexof function usage instructions

As shown below: LOCATE(substr,str) Returns the fi...

Vue implements the digital thousands separator format globally

This article example shares the specific code for...

Detailed explanation of MySQL database paradigm

Preface: I have often heard about database paradi...

Reasons why MySQL queries are slow

Table of contents 1. Where is the slowness? 2. Ha...

Detailed explanation of vue page state persistence

Table of contents Code: Replenish: Summarize Requ...

CSS Houdini achieves dynamic wave effect

CSS Houdini is known as the most exciting innovat...