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

Vue implements simple slider verification

This article example shares the implementation of...

Solution to the problem that docker logs cannot be retrieved

When checking the service daily, when I went to l...

Detailed explanation of Vue3's responsive principle

Table of contents Review of Vue2 responsive princ...

MySQL 8.0.12 Quick Installation Tutorial

The installation of MySQL 8.0.12 took two days an...

Linux kernel device driver advanced character device driver notes

/****************** * Advanced character device d...

Solution to the automatic termination of docker run container

Today I encountered a problem when I used Dockerf...

Detailed explanation of Docker container cross-host multi-network segment communication solution

1. MacVlan There are many solutions to achieve cr...

Modify the boot time of grub in ubuntu

The online search to modify the grub startup time...

How to use webSocket to update real-time weather in Vue

Table of contents Preface About webSocket operati...

Simple method to install mysql under linux

When searching online for methods to install MySQ...

Detailed explanation of Object.create instance usage in js

1. Create a new object using the Object.create() ...

Steps to deploy multiple tomcat services using DockerFile on Docker container

1. [admin@JD ~]$ cd opt #Enter opt in the root di...

Linux five-step build kernel tree

Table of contents 0. The kernel tree that comes w...

Example code for CSS columns to achieve two-end alignment layout

1. Going around in circles After going around in ...

Teach you how to use Nginx service to build a subdomain environment to improve the loading performance of 2D maps

1. Background Recently, some friends encountered ...