在一个html页面中想用JavaScript代码引用另一个abc.html页面的代码怎么写？
比如用123.html，里面加上一行代码，直接引用abc.html页面里的内容，就像一样的效果。（不过引用的话，不能使被引用的内容的全局字体、颜色等值和引用页（123.h...
比如用123.html，里面加上一行代码，直接引用abc.html页面里的内容，就像一样的效果。（不过引用的话，不能使被引用的内容的全局字体、颜色等值和引用页（123.html）的相同，不知道JavaScript引用的行不行？
谢谢！！ 展开
谢谢！！ 展开
3个回答
展开全部
通过嵌套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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这个属于html嵌套页面。
是通过嵌套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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
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”，有许多类似的结果。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
