前端怎么组织JS和jQuery代码?

大伯格
  • 371

1.出于加载速度的考虑,一般把引入框架的script标签和引入自己写的代码的script文件都放在哪个位置?
2.如果自己写的JS文件是多个页面共用的。那么怎么解决在一个页面获取的元素对象,在另一个页面获取不到而报错导致的后面的代码不执行问题?

回复
阅读 2.7k
2 个回答

1.一般把JS文件放在</body>之前, <body>的最后面, 因为加载JS文件时, 会阻塞页面.
2.如果有题主说的这种情况, 肯定是代码还不够抽象, 应该把不同的部分作为函数形参, 在不同的页面再调用函数传值就行了.

  1. 如果你的代码B依赖于框架A的话,一般来说A在前B在后,然后一般script放在body结束标签之前

  2. js文件共用,一般是共用的js代码部分吧,你说的那种有点奇怪。
    假设 你的代码是 获取页面的一个dom,然后对其操作,

var dom = jQuery('#dom_in_pageA');
if(dom.length){
    //巴拉巴拉
}

代码里做一下获取元素时的判断是否存在咯

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏