什么样的javascript代码应该保留在html文件中



将所有javascript代码放在html文件的标记中有多正确?

把所有的js代码放在单独的.js文件中会更好吗?

我注意到许多网站(包括这个)都有一些用html文件本身编写的js代码(包含在脚本标记中)。

比方说,我决定将所有可能的javascript代码放在单独的文件中。现在,这些外部文件是否可以访问html文档中元素的元素。

我的意思是,比方说,我想在每次用户单击按钮时创建一个带有文本的新<p>元素。外部javascript文件是否可以访问文档元素以允许这样做?

如果在HTML中引用.js文件,JavaScript将可以访问页面上的所有元素。这也适用于动态创建的元素。

最好在外部文件中包含尽可能多的JavaScript。页面本身不应该有JavaScript代码。

任何引用的JS文件中的任何JS代码都可以访问您的html。

Javascript通常被分离成一个单独的文件,但无论出于什么原因,有些人都反对这一点,这并不是世界末日。

单独的.js文件会导致多个http请求,这会使页面加载速度稍慢,但两者都有各自的优缺点。例如,拥有.js文件会导致缓存,从而在用户重新访问您的页面时使页面加载更快,而且您不需要在使用的每个页面上更改它,只需编辑一个文件,另一方面,它的缺点是如果文件是缓存的,如果您更改,有时更改不会受到影响,因为浏览器有一个缓存的.js,所以有些人确实重命名了他们的javascript,如abcv1.js、abcv2.js等,使用内联脚本可以减少http请求,它也不会被浏览器缓存,所以每当你更改它时,它都会在你的网页上影响到当时所有的访问者,因为脚本不会被缓存。。

如果你想要外部.js文件,你可以将所有脚本绑定在一个文件中,以减少你的http请求

以上每个人都是正确的。需要记住的一点是,.js文件是由浏览器缓存的,而内联代码不是。这有很多优点,因为浏览器不必每次用户访问您的页面时都请求javascript,因此通过连接发送的数据更少,页面第二次加载也会更快。还可以降低带宽使用率。

你也可以通过缩小你的js文件来加快速度

在external.js文件中拥有javascript是保持代码整洁的"已完成的事情",一旦您在html中引用了外部文件,它就会有效地与html 中包含的javascript相同

保存在外部.js文件中的Javascript的操作方式与Javascript直接在HTML中的操作方式完全相同。

将其放在.js文件中的好处是,这些文件通常由浏览器缓存,因此不需要每次加载页面时都下载。这样做的缺点是,如果出于任何原因需要对文件进行更改,则需要重命名文件,以确保获得最新的更改。

我通常将javacscript作为页面的一部分包括在内的唯一一次是,如果我需要使用特定的值,这些值是作为ASP.NET项目的一部分从"代码隐藏"传递的
例如var myJSVar = <%=_myCSVar%>;

我总是尽量把它限制在需要在渲染时编写的变量中,这些变量或多或少是唯一的。就像本地化一样(即使你也开始使用服务),其余的可以(和shod)保存在外部文件中,并由浏览器缓存

最新更新