网页制作 
首页 > 网页制作 > 浏览文章

如何用iframe套用对方网页数据而又保持兼容的实现方法

(编辑:jimmy 日期: 2024/9/19 浏览:3 次 )

下面是世纪天成调用腾讯跑跑卡丁车页面的代码,确实不错以前小编也这么做过,需要用js什么的,特分享给大家参考。

<!DOCTYPE html>  
<html lang="zh-CN">  
<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="跑跑卡丁车" />  
<meta name="Keywords" content="跑跑卡丁车" />  
<title>跑跑卡丁车-官方网站</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>

纯html实现不用js,需要的朋友可以参考一下。如果效果不好可以参考以前用js实现的。

上一篇:如何为element-ui的Select和Cascader添加弹层底部操作按钮
下一篇:Web前端矢量小图标的使用方法
一句话新闻
高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。