<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>
展开
 我来答
ml4w5
2014-12-08 · TA获得超过1394个赞
知道小有建树答主
回答量:625
采纳率:25%
帮助的人:643万
展开全部

分两种情况:

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

  2. 如果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等浏览器会报跨域错误(搭建服务器环境测试即可正常)。

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式