<iframe> 怎么获取一个html的内容放到另一个html里,例如
把第一个1.html的<divclass="all">的内容放到第二个2.html人<divclass="all">中第一个1.html<!DOCTYPE><htmlxm...
把第一个1.html 的<div class="all">的内容 放到 第二个2.html人<div class="all">中
第一个 1.html
<!DOCTYPE>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<div class="all">
<div class="hello">你好</div>
</div>
</body>
</html>
第二个 2.html
<!DOCTYPE>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<div class="all">
</div>
</body>
</html> 展开
第一个 1.html
<!DOCTYPE>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<div class="all">
<div class="hello">你好</div>
</div>
</body>
</html>
第二个 2.html
<!DOCTYPE>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<div class="all">
</div>
</body>
</html> 展开
展开全部
分两种情况:
如果你的1.html页面只有<div class="all"></div>这一部分内容,则可以在2.html中插入一个iframe,并设置iframe的src=“1.html”即可。
如果1.html中还有其它的内容,而你又希望只将<div class="all"></div>里的内容显示到2.html中,这样用iframe就无法实现了,因为iframe会获取并显示整个目标页面,这时可以用ajax技术来实现(这里用了jQuery来确保兼容性):
先在2.html文件的<head></head>标签里引入jQuery库,再插入如下JS代码:
$("div.all").load("1.html div.all");
注意:本地测试以上代码的话请用IE8,Chrome等浏览器会报跨域错误(搭建服务器环境测试即可正常)。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询