在一个html页面中想用JavaScript代码引用另一个abc.html页面，代码怎么写？
比如用123.html，里面加上一行代码，直接引用abc.html页面里的内容，就像<iframe>一样的效果。（不过<ifrarme>引用的话，不能使被引用的内容的全局...
比如用123.html，里面加上一行代码，直接引用abc.html页面里的内容，就像<iframe>一样的效果。（不过<ifrarme>引用的话，不能使被引用的内容的全局字体、颜色等值和引用页（123.html）的相同，不知道JavaScript引用的行不行？
谢谢！！
能不能给下代码呀，谢谢。。我对动态的代码一窃不通。。
--------
回二楼：样式的话，不考虑也行，我可以在abc.html里加个link css，应该没问题的。不知道在123.html中用ajax或javascript调用abc.html的内容，代码应该怎么写？
--------
回答者： helloworld1987 ，两个方法能否都给一下完整代码？非常感谢！我对这些都不懂。HTML标签也没懂几个，对shtml一点都不了解。。。 展开
谢谢！！
能不能给下代码呀，谢谢。。我对动态的代码一窃不通。。
--------
回二楼：样式的话，不考虑也行，我可以在abc.html里加个link css，应该没问题的。不知道在123.html中用ajax或javascript调用abc.html的内容，代码应该怎么写？
--------
回答者： helloworld1987 ，两个方法能否都给一下完整代码？非常感谢！我对这些都不懂。HTML标签也没懂几个，对shtml一点都不了解。。。 展开
5个回答
展开全部
1.使用shtml，inlcude指令可以包含另一个文件
2.使用ajax动态将abc.html内容请求过来，并写入到123.html中的一个div中
例如：
在123.shtml文件中(注意，必须是shtml文件)
然后在页面中写上<!--#include file="abc.html"-->指令，这样就可以将abc.html包含到abc.shtml文件中了。
或者使用ajax，如：使用jquery
$('#content').load('abc.html');
这样就可以将abc.html页面的内容动态加载到id为content的元素中显示。
至于具体的代码，你可以百度一下“SHTML include”或“jQuery load”，有许多类似的结果。
2.使用ajax动态将abc.html内容请求过来，并写入到123.html中的一个div中
例如：
在123.shtml文件中(注意，必须是shtml文件)
然后在页面中写上<!--#include file="abc.html"-->指令，这样就可以将abc.html包含到abc.shtml文件中了。
或者使用ajax，如：使用jquery
$('#content').load('abc.html');
这样就可以将abc.html页面的内容动态加载到id为content的元素中显示。
至于具体的代码，你可以百度一下“SHTML include”或“jQuery load”，有许多类似的结果。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
通过嵌套iframe 实现嵌套html页面
<script type="text/javascript">
$(function () {
document.getElementById("ifm").src ="";//Url地址
$("#ifm").load(function () {
var h = document.body.clientHeight;
var w = document.body.clientWidth;
document.getElementById("ifm").height = h + "px";
document.getElementById("ifm").width = w + "px";
});
})
</script>
<body style="overflow-y:hidden;overflow-x:hidden">
<div id="pageone" style="">
<iframe name="ifm" id="ifm" scrolling="yes" style="background-color: transparent;" marginwidth="0" marginheight="0" frameborder="0">
</iframe>
</div>
</body>
<script type="text/javascript">
$(function () {
document.getElementById("ifm").src ="";//Url地址
$("#ifm").load(function () {
var h = document.body.clientHeight;
var w = document.body.clientWidth;
document.getElementById("ifm").height = h + "px";
document.getElementById("ifm").width = w + "px";
});
})
</script>
<body style="overflow-y:hidden;overflow-x:hidden">
<div id="pageone" style="">
<iframe name="ifm" id="ifm" scrolling="yes" style="background-color: transparent;" marginwidth="0" marginheight="0" frameborder="0">
</iframe>
</div>
</body>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
如果你是静态页面的话，嵌入其他的网页到本网页中，目前我知道的只有<iframe>，但是<iframe>有缺点，不能自适应宽高。
如果你要应用JavaScript的话
有两种方式可以解决你目前的问题：
1.应用<link href="js.js" type="text/css" rel="stylesheet" />但是要在页面里面添加<script>里面调用js.js里面的参数</script>
2.就是自己做一个js效果的网页（里面的东西都做好了，只有js的效果），和平常一样调用<iframe>就行了，很简单。
如果你要应用JavaScript的话
有两种方式可以解决你目前的问题：
1.应用<link href="js.js" type="text/css" rel="stylesheet" />但是要在页面里面添加<script>里面调用js.js里面的参数</script>
2.就是自己做一个js效果的网页（里面的东西都做好了，只有js的效果），和平常一样调用<iframe>就行了，很简单。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
redlz2500说的没问题
如果要保持样式一样的话，需要做的事情比较复杂的……
所以要不就用iframe吧
如果要保持样式一样的话，需要做的事情比较复杂的……
所以要不就用iframe吧
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
ajax远程读取，然后处理abc页面里面的css
跨域的话要特殊处理
跨域的话要特殊处理
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
