将HTML头放在另一个文件中

时间:2014-10-28 21:34:07

标签: javascript html header include

有没有办法将所有meta taglink relscript src包含在一个文件中,然后需要该文件?

我问的原因是因为我有10-15行,我正在复制到每个文件中,并认为可能有另一种方式。

我将所有内容放在一个文件中并尝试了Jquery加载功能,但无济于事。

由于

5 个答案:

答案 0 :(得分:5)

创建一个 head.html 文件,如下所示:

<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Meta -->
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<!-- JS -->
<script type="text/javascript" src="js/lib/jquery-1.11.1.min.js" ></script>
<script type="text/javascript" src="js/lib/angular.min.js"></script>
<title>Your application</title>

现在在您的HTML网页中加入 header.html ,如下所示:

<head>
   <script type="text/javascript" src="js/lib/jquery-1.11.1.min.js" ></script>
   <script> 
       $(function(){ $("head").load("header.html") });
   </script>
</head>

答案 1 :(得分:2)

如果您想使用jquery,可以使用get函数,然后将文件值附加到标记。

它看起来像下面这样:

  //don't forget to include the file extention in the file path
  var include = "pathOfYourIncludeFile";

    $.get(include, function(data){//begin jquery get function

 //append the data returned from your file  and append it to the head
 $("head").append(data);




 });//end jquery get function

答案 2 :(得分:1)

只有js和html,你有两种方式:

1)创建一个js脚本并在每个页面加载它(与现在不同,但复制更少的行)

2)只做1页并用Ajax调用刷新部分内容(或整个身体)。

你在寻找什么是服务器端预处理“合并”部分,因此使用php(include),java / jsp,.net等非常简单。

答案 3 :(得分:0)

也许你可以使用php echo到每个页面。 例如: &LT; ?php include 'path/to/your/file'; ?>

答案 4 :(得分:0)

对于爬虫和机器人而言,最佳解决方案是在服务器端运行所有内容。在客户端上运行将使搜寻器将看不到该数据。因此,更好的解决方案是fun makeDrawer() { getDrawer().openDrawer(Gravity.RIGHT) getNavView().setNavigationItemSelectedListener(this) }