我有5个.html页面。每个页面都有相同的导航。有什么办法可以在包含导航代码的地方设置变量,然后在每个文档中引用该变量?
我之所以要这样做,是因为如果我要编辑导航,就可以返回并编辑1个源(变量),而不是对每个文档进行编辑。
纯HTML(不含JavaScript)无法自行加载到另一个页面中。但是,您可以使用PHP,SHTML或JavaScript来获取另一个页面并将其加载到该页面中。
的PHP
确保您的HTML文件已使用.php扩展名重命名。然后,您可以在要添加HTML文件的位置添加以下行:
<?php include('some_file_name.html'); ?>
只要some_file_name
存在,该页面就会在PHP标签所在的位置加载。
SHTML
确保您的HTML文件已使用.shtml扩展名重命名。然后,您可以在要添加HTML文件的位置添加以下行:
<!--#include virtual="some_file_name.html" -->
同样,只要some_file_name
存在,页面就会加载到该页面中。请确保注意间距,尤其是第二个破折号和之间的间距,#
因为如果有空格,代码行将中断。
的JavaScript
使用JavaScript的好处是您可以将HTML文件保留为.html文件。但是,需要更多代码才能加载到包含的文件中:
<script src="jquery.js"></script>
<script>
$(function(){
$("#includeThis").load("some_file_name.html");
});
</script>
...
<div id="includeThis"></div>
这将创建一个函数,该函数将加载some_file_name.html
其div ID所在includeThis
的位置。这包含更多的开销,但是您可以保留.html文件扩展名。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句