如何正确地将JavaScript代码插入PHP

How properly insert JavaScript code in to PHP?

本文关键字：代码 插入 PHP JavaScript 正确地      更新时间：2023-09-26

我有一个基于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" />
相关文章：