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

Problems with using multiple single quotes and triple quotes in MySQL concat

When dynamically concatenating strings, we often ...

How to implement a single file component in JS

Table of contents Overview Single file components...

Vue3.0 uses the vue-grid-layout plug-in to implement drag layout

Table of contents 1. Plugins 2. Interlude 3. Impl...

Implementation of Webpack3+React16 code splitting

Project Background Recently, there is a project w...

Deploy the Vue project on a Linux server

Case 1 vue-cli builds the vue3 project, uploads t...

MySQL 5.7.21 installation and configuration tutorial under Window10

This article records the installation and configu...

Detailed explanation of Nodejs array queue and forEach application

This article mainly records the problems and solu...

Implementing a distributed lock using MySQL

introduce In a distributed system, distributed lo...

Detailed explanation of JS homology strategy and CSRF

Table of contents Overview Same Origin Policy (SO...

Detailed analysis of the parameter file my.cnf of MySQL in Ubuntu

Preface Based on my understanding of MySQL, I thi...

vue+rem custom carousel effect

The implementation of custom carousel chart using...

Interpretation of Vue component registration method

Table of contents Overview 1. Global Registration...

Briefly explain the use of group by in sql statements

1. Overview Group by means to group data accordin...