我有两个HTML文件,假设a.html
和b.html
。在 a.html
里面,我想包括b.html
。
在JSF中,我可以这样做:
<ui:include src="b.xhtml" />
意思是在a.xhtml
文件里面,可以包括b.xhtml
。
我们怎么才能在*.html
档案?
发布于 2018-08-10 13:09:50
在我看来,最好的解决方案使用jQuery:
a.html
:
<html>
<head>
<script src="jquery.js"></script>
<script>
$(function(){
$("#includedContent").load("b.html");
});
</script>
</head>
<body>
<div id="includedContent"></div>
</body>
</html>
b.html
:
<p>This is my include file</p>
发布于 2018-08-10 14:37:17
我通过JavaScript的document.write插入HTML代码,而不是使用jQuery:
a.html:
<html>
<body>
<h1>Put your HTML content before insertion of b.js.</h1>
...
<script src="b.js"></script>
...
<p>And whatever content you want afterwards.</p>
</body>
</html>
b.js:
document.write('\
\
<h1>Add your HTML code here</h1>\
\
<p>Notice however, that you have to escape LF's with a '\', just like\
demonstrated in this code listing.\
</p>\
\
');
我反对使用jQuery的原因是jQuery.js的大小约为90 kb,我希望尽可能少地加载数据量。
为了在不需要太多工作的情况下获得正确转义的JavaScript文件,可以使用以下sed命令:
sed 's/\\/\\\\/g;s/^.*$/&\\/g;s/'\''/\\'\''/g' b.html > escapedB.html
https://stackoverflow.com/questions/-100002067
复制相似问题