2016-06-12 27 views
-1

我将需要用很多不同的功能很快写出很多不同类型的javascript代码。 例如:Javascript嵌入在HTML或JavaScript在外部文件?

def function example() 

等 哪些优点和在HTML或在外部文件中使用JavaScript的利弊? 我需要大量的优点和缺点之前,我可以完全下定决心

+0

谢谢你,我非常感谢所有这些详细的答案:)我会对他们使用加号箭头,但没有足够的地位来做到这一点:/ –

回答

1

最大的外部JS文件Pro的是

  1. 这将让你的代码干净。
  2. 维修容易。
  3. 多个页面可以使用这些脚本。
  4. 由于浏览器可以轻松缓存,因此性能提高。
  5. 您可以轻松地缩小它们分离的JS文件。

缺点,如果你把JS和HTML代码

对面上面点

0

我会避免在您的HTML文件中有JS。我没有看到它在那里的好处。它只需要HTML文件内部的空间:HTML。在外部文件中为自己和任何正在阅读您的代码的人创建干净可读的代码。

1

主要区别是,如果你写JavaScript的外部然后你的代码是干净的,将是您轻松了解它在未来

0

可以在HTML和外部文件中使用JavaScript,但我们的主要目的,而编写代码是为了减少页面加载时间,即减少http请求。

如果您的脚本非常短,并且您只在页面中调用它一次或两次,那么最好在body标签结束之前保留它。它减少了额外的http请求。

如果您有很多功能并在您的页面中多次调用,那么最好使用外部文件。它在加载后会被缓存在浏览器中,所以下次访问时,页面加载速度会更快。

0

我个人认为最好的方式去了解它

  1. 是创建一个清理文档内容并确保所有信息都在那里,并且可以立即通过客户请求访问。

  2. 比确保你已经正确格式化的内容,并通过适当的清洁,绝对无差错的HTML

  3. 标记比确保你的CSS呈现代码的最佳使用创造了最佳结构可能只有在绝对必要时才逐步达到高级功能,尽可能提供全局选择器的样式定义,可重用性和一致性以在整个集合中保持完整性连续性格式符号。永远不要忘记定义传统上是文档主体的顶级父母的字体大小和家族。在编写和设计html时,这是最重要的,也是非常痛苦的。

  4. 你已经确定后,您的数据/信息可以正确地访问为是,那么你开始添加肌肉和交互给它,这是JavaScript的。

在JavaScript编程开发阶段,您首先将代码写入文档源代码。然后,在至少4个主要浏览器上调试并测试您的成功代码之后,您可以开始移动这些代码块,以查看它们是否合适。有两种常用的js代码类型,它们是操作DOM内容和样式和结构的代码,而不是代码。

如果给定功能,响应和风格是非常具体到当前页面/应用也绝对在物理上与文档分开你的js代码没有任何好处。但是,在所有启动和运行之后,您都希望采取一个清洁步骤。这就是您希望移动所有javascript集合的方法的地方,也可能是一个不依赖于DOM可用性的小型私有库,直到文档头。将所有其余部分留在身体元素的底部。

但是,这是在何时何地,你会认为 - 是它更好,如果我移动从文件头脚本到外部文件而不是把需要的空间在头后面抱着我的内容加载的速度?

它是。但是,在打开依赖于这些方法的现有页内代码之前,最好将脚本源元素移回文档正文并插入它。只有前加载脚本操作应始终保留在文档头上(主要是功能检测方法)。

这适用于非常简单和小的一组页面,否则可重复使用的代码和功能尽可能多的与给定的内容将要求您将它们全部在一个(更优选地,单个)外部文件中移动。最小化服务器请求。因为一旦加载所有其他页面将从现金中提取。

P.S:我的打字可能错误或道歉,如果我留下了一个未完成的想法或一个句子写这个草案。 此致敬礼。