【问题标题】:Loading a script in the <body> section在 <body> 部分加载脚本
【发布时间】:2012-01-04 04:10:35
【问题描述】:

我有一个特定页面的 javascript,我不希望将其加载到我的页眉部分。是否可以在 HTML 的部分中加载它。

目前我的所有 js 代码都在其中,但我想将其删除到可以加载的单独 js 文件中。

我试过用这个但是没用。

<script type="text/javascript" src="<?php echo base_url();?>js/jquery-1.5.1.min.js"></script>

谢谢

【问题讨论】:

    标签: javascript html


    【解决方案1】:

    Q1:我有一个特定页面的 javascript,我不希望将其加载到我的页眉部分。是否可以在 HTML 的部分中加载它。

    -是的,你可以在任何你想要的地方加载 javascript,如果编写内联代码,那么请确保在你的代码周围添加脚本标签。

    -您也可以请求正文中的文件

    Q2:目前我的所有 js 代码都在其中,但我想将其删除到一个可以加载的单独 js 文件中。

    --没问题,那是更好的做法。

    Q3请求外部文件

    请求您在书面时尚下编写的外部文件

    <script src="http://file_name.js" type="text/javascript"></script>
    

    【讨论】:

      【解决方案2】:

      这不仅是可能的 (ref),而且通常是个好主意。

      将您的脚本尽可能晚地放在页面中,这通常意味着就在关闭 &lt;/body&gt; 标记之前,这意味着浏览器可以在停止下载您的 JavaScript 文件(如果是外部的)之前解析和显示您的内容并启动 JavaScript 解释器以运行脚本(内联或外部)。

      将脚本放在“底部”是一个相当不错的standard recommendation,用于加快页面的明显加载时间。

      【讨论】:

        【解决方案3】:

        是的,这是可能的。试试看。

        为了调试,硬编码 jquery 完整路径。

        有时建议在正文末尾加载,以加快页面主要内容的加载速度。

        【讨论】:

        • “试试看。” 在您碰巧尝试过的浏览器上工作的内容与是否是意味着现在和将来都能可靠地跨浏览器工作。
        【解决方案4】:

        是否可以在 HTML 的部分中加载它。

        是的。

        来自spec

        <!ELEMENT BODY O O (%block;|SCRIPT)+ +(INS|DEL) -- document body -->
        

        SCRIPT 是可能是 BODY 元素的子元素之一。许多其他元素也可能有 SCRIPT 子元素。

        &lt;script type="text/javascript" src="&lt;?php echo base_url();?&gt;js/jquery-1.5.1.min.js"&gt;&lt;/script&gt;

        当我运行echo base_url() 时,我得到了我的服务器的主机名。这将产生一个 URL,例如 example.comjs/query-1.5.1.min.js。您可能应该完全放弃该 PHP sn-p 并只使用:src="/js/jquery-1.5.1.min.js" 这将解析为 http://example.com/s/query- 1.5.1.min.js.

        【讨论】:

          【解决方案5】:

          雅虎工程师对更高性能的建议是将脚本包含在 HTML 的末尾,就在 &lt;/body&gt; 标记之前。因此,它甚至更好。

          要查看问题出在哪里,您首先要确保您的 js 文件正在加载。用户 Firebug 并转到 脚本 标签。你看到你的剧本了吗?如果不是,那么你的路径有问题。

          【讨论】:

            【解决方案6】:

            它应该可以工作......

            您是否尝试查看生成的源代码并查看 PHP 代码是否确实生成了正确的路径?

            除此之外,建议从 CDN 加载 jQuery,例如 google 的: https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js

            【讨论】:

              猜你喜欢
              • 1970-01-01
              • 2013-10-06
              • 2015-03-28
              • 2021-01-07
              • 1970-01-01
              • 2018-08-16
              • 2021-09-20
              • 1970-01-01
              • 1970-01-01
              相关资源
              最近更新 更多