javascript - 在哪里保存页面特定的脚本

标签 javascript html css

我是网站开发新手,建议将所有脚本保存在一个文件中。 但是,如果我有一个特定的页面脚本,我是否应该将它也放入我的脚本文件中呢?

如果是,那么假设我在特定页面中有一个带有 idbutton 和一个 onclick 事件。如果我把它放在公共(public)文件中,这不会是一种开销,浏览器会尝试不必要地尝试使用 id 查找 button 吗?

但另一方面,如果我将脚本放在一个页面中,代码的可维护性就会折腾。

请指导我,我怎样才能保持我的代码干净和可维护?

最佳答案

如果脚本出现在多个页面上,则它属于外部文件。如果它只需要在一页上,并且只有几行长(很容易维护),那么它应该在那个文件中。

在尝试对按钮执行任何操作之前,您应该使用 if 语句来检测该按钮是否存在。在那种情况下,它不会增加页面的开销,您可以使用一个普通的脚本文件。另请记住,浏览器可以缓存 javascript 文件,因此将您的通用代码包含在每个页面上使用的单个文件中可以减少总体平均页面加载时间。

关于javascript - 在哪里保存页面特定的脚本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18492564/

相关文章:

javascript - CSS - 自动调整div的宽度

javascript - jQuery 与 jQuery 移动积木表单提交

javascript - jQuery 日期选择器不适用于多个实例

javascript - Sequelize running 迁移结果 Cannot read property 'key' of undefined

javascript - 谷歌地图地理编码 API 返回不正确的纬度/经度键

javascript - jQuery 获取特定 div 的文本

html - CSS 多个@media(最小宽度)不起作用

html - HTML 颜色中的 CSS

html - 溢出有图像问题

javascript - DropDown Menu 不会显示超过一秒钟..不工作。