【问题标题】:Adding script tag in html file在html文件中添加脚本标签
【发布时间】:2012-12-08 15:57:06
【问题描述】:

我尝试在使用 javascript 和 html 编程时是否可以尊重“关注点分离”。在许多情况下,我必须在页面加载后执行一些代码,我使用 jQuery 的文档就绪功能来执行此操作。我更喜欢将我的 javascript 代码放在一个单独的文件中。问题是我有一个用于几个 html 文件的脚本文件,并且不应在所有这些页面中执行文档准备功能。出于这个原因,我直接在我的 html 中放置了一个脚本标记,并在此标记中放置了文档准备功能,但其余的 javascript 代码在我的 javascript 文件中。

将文档准备功能放在html中以促进在不同上下文中重用脚本文件是一种好的做法还是有什么好的做法来解决这个问题?

谢谢。

【问题讨论】:

标签: javascript jquery html


【解决方案1】:

在您的 HTML 中输入如下内容:

   <script type="text/javascript" src="common_stuff.js"></script>
   <script type="text/javascript" src="stuff_for_this_page.js"></script>

然后使用 Apache mod_deflate 模块将输出发送到客户端。

这样做的好处是在开发中将 Javascript 与 HTML 分离,但不需要客户端等待单独加载 JQuery ready 函数。

【讨论】:

  • 谢谢@Ed Heal,这似乎是一个很好的解决方案,但是拥有一个js文件只是为了放置文档就绪功能不是一种开销吗?
  • @ChristopherDalman - stuff_for_this_page.js 也可能包含其他内容。除了ready 函数可能很复杂。此外,在编辑 common_stuff.js 时,您知道这会产生更大的影响(因此需要更多测试!)
【解决方案2】:

您应该查看Angularjsbackbone.js。这两个都可以用来为你的 javascripts 实现结构和设计。

【讨论】:

    猜你喜欢
    • 2021-03-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-01-25
    • 2020-12-21
    • 2018-07-28
    • 1970-01-01
    相关资源
    最近更新 更多