200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > iframe获取的html数据怎么显示到页面 – CSS – 前端 点击出现更多 css

iframe获取的html数据怎么显示到页面 – CSS – 前端 点击出现更多 css

时间:2018-12-23 00:44:38

相关推荐

iframe获取的html数据怎么显示到页面 – CSS – 前端 点击出现更多 css

分两种情况:

如果你的1.html页面只有<div></div>这一部分内容,则可以在2.html中插入一个iframe,并设置iframe的src=“1.html”即可。

如果1.html中还有其它的内容,而你又希望只将<div></div>里的内容显示到2.html中,这样用iframe就无法实现了,因为iframe会获取并显示整个目标页面,这时可以用ajax技术来实现(这里用了jQuery来确保兼容性):

先在2.html文件的<head></head>标签里引入jQuery库,再插入如下JS代码:

$("div.all").load("1.html div.all"); 注意:本地测试以上代码的话请用IE8,Chrome等浏览器会报跨域错误(搭建服务器环境测试即可正常)。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。