【发布时间】:2014-02-02 12:40:44
【问题描述】:
我有一个小型网络项目,其中所有页面都有一个公共头文件,它们在实际页面内容之前导入。头文件是这样的:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<script type="text/javascript" src="js/some_script.js"></script>
<link rel="shortcut icon" href="images/web.ico" />
</head>
那么所有页面都有一个<?php include("header.php"); ?>,所以它们在开头加载了<head>标签。
我现在正在编写一个新页面,其中还包括以前的header.php,但它需要第二个 javascript 才能加载。我可以使用页面中间的<script> 标签加载它而不会出现问题,但我想知道是否可以将它直接附加到<head> 标签,而不是停留在html代码的中间。
实际代码如下所示:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<script type="text/javascript" src="js/some_script.js"></script>
<link rel="shortcut icon" href="images/web.ico" />
</head>
<body>
<p>Some text here</p>
<script type="text/javascript" src="js/another_script.js"></script>
<p>Some more text</p>
</body>
</html>
我想知道如何实现以下目标:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<script type="text/javascript" src="js/some_script.js"></script>
<link rel="shortcut icon" href="images/web.ico" />
<script type="text/javascript" src="js/another_script.js"></script>
</head>
<body>
<p>Some text here</p>
<p>Some more text</p>
</body>
</html>
我知道这可以使用例如jQuery 或Simple HTML DOM,但我想知道是否可以在不使用任何其他外部资源的情况下实现这一目标。
【问题讨论】:
-
一种解决方案是更改
header.php文件,并使用if (page === "blah.php"之类的内容,然后包含another_script.js。如果只有几个页面需要不同的脚本,因为逻辑可能会很长。 -
我认为对于一个小项目(就像我正在做的那样),这是最简单的解决方案。 @NickR,您能否将这个想法扩展为可能的答案?