在一个html页面中想用JavaScript代码引用另一个abc.html页面的代码怎么写?

比如用123.html,里面加上一行代码,直接引用abc.html页面里的内容,就像一样的效果。(不过引用的话,不能使被引用的内容的全局字体、颜色等值和引用页(123.html)的相同,不知道JavaScript引用的行不行?

谢谢!!

通过嵌套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个回答  2018-05-28

这个属于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>

第2个回答  2018-01-07
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”,有许多类似的结果。