我有一个基于PHP的网站我需要在头部添加一个JavaScript代码。我想将代码包含在一个小的JavaScript文件中,并从PHP页面中调用它。代码以<script type="text/javascript">
开始,以</script>
结束。所以我试着把代码保存在code.js和在我的网站的PHP代码的头部,我把<script type="text/javascript" src="code.js" />
,但它没有工作。我想知道我做错了什么?
PHP页面的内容如下:
<!DOCTYPE HTML>
<html>
<head>
<title>title of the page</title>
<link href='http://fonts.googleapis.com/css?family=Ropa+Sans' rel='stylesheet' type='text/css'>
<!--head-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head>
<body>
<!----start-wrap---->
<div class="wrap">
<!----start-Header---->
<!----End-Logo---->
<!--body-top-->
code of the huge page
<!----End-wrap---->
</body>
</html>
我需要插入以下JavaScript代码而不是<!--head-->
:
<script type="text/javascript">
var _prvar=_prvar||new Object();
(function(pa,s){if(document.getElementById('125456'))return false;
pa=document.createElement('script');pa.type='text/javascript';pa.async=true;pa.id='125456';pa.src='//abcdefg.com/pub.js';
s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(pa,s);})();
</script>
我所做的就是将代码
<script type="text/javascript">
var _prvar=_prvar||new Object();
(function(pa,s){if(document.getElementById('125456'))return false;
pa=document.createElement('script');pa.type='text/javascript';pa.async=true;pa.id='125456';pa.src='//abcdefg.com/pub.js';
s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(pa,s);})();
</script>
在code.js中插入<!--head-->
而不是PHP代码中的<script type="text/javascript" src="code.js" />
问题是您已经将标记脚本插入为非模板化标记,下面是正确的形式:
<script type="text/javascript" src="code.js"></script>
显然,如果.js位于正确的位置,它将被加载。
您没有在代码中看到标记,可能是因为您已经使用HTML检查器检查了HTML,但是该工具并不总是能够显示格式错误的标记。为了确保看到正确的HTML结果,您必须查看源代码(通常,通过浏览器右键单击网页并出现"显示源代码"选项)。php页面内容如下:
<!DOCTYPE HTML>
<html>
<head>
<title>title of the page</title>
<link href='http://fonts.googleapis.com/css?family=Ropa+Sans' rel='stylesheet' type='text/css'>
<!--head-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head>
<body>
<!----start-wrap---->
<div class="wrap">
<!----start-Header---->
<!----End-Logo---->
<!--body-top-->
code of the huge page
<!----End-wrap---->
</body>
</html>
我需要插入以下javascript代码而不是<!--head-->
:
<script type="text/javascript">
var _prvar=_prvar||new Object();
(function(pa,s){if(document.getElementById('125456'))return false;
pa=document.createElement('script');pa.type='text/javascript';pa.async=true;pa.id='125456';pa.src='//abcdefg.com/pub.js';
s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(pa,s);})();
</script>
我所做的就是将代码
<script type="text/javascript">
var _prvar=_prvar||new Object();
(function(pa,s){if(document.getElementById('125456'))return false;
pa=document.createElement('script');pa.type='text/javascript';pa.async=true;pa.id='125456';pa.src='//abcdefg.com/pub.js';
s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(pa,s);})();
</script>
在code.js中插入<!--head-->
而不是php代码中的<script type="text/javascript" src="code.js" />