html⽂件引⼊外部的html⽂件的⽅法
⼀、div+$(“#page1”).load(“b.html”)
参考代码：
<body>
<div id="page1"></div>
<div id="page2"></div>
<script>
$("#page1").load("page/Page_1.html");
$("#page2").load("page/Page_2.html");
</script>
</body>
⼆、iframe 【本⼈常⽤这种，⽐较常见】
参考代码：
<div id="page1">
<iframe align="center" width="100%" height="170" src="page/Page_1.html"  frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling ="no"></iframe>
</div>
<div id="page2">
<iframe align="center" width="100%" height="170" src="page/Page_2.html"  frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling ="no"></iframe>
</div>
三、object引⼊
参考代码：
<object type="text/x-scriptlet" data="page/Page_1.html" width=100% height=150>
</object>
四、import引⼊
参考代码：
<head>
<link rel="import" href="page/Page_1.html" id="page1">
</head>
<body>
<script>
console.log(page1.import.body.innerHTML);
html代码转链接
</script>
</body>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。