各个页面js合并

Question

Answer 1

将两个功能的代码，抽成两个单独的方法，且在方法的最上面判断所要操作的元素是否存在，如果存在再进行下去，如果不存在，则return不继续往下执行。将方法拆成单独的文件(util.js)来调用（这种方式只是为了实现功能，更好的方式是使用模块化工具单独构建js模块），如下：// html 文件，将两个js都引入进来<script src="util.js" /><script src="a.js" />// util.jsfunction wrapHandler(wrap) {&nbsp; &nbsp; // 判断wrap元素是否存在&nbsp; &nbsp; if (!wrap) {&nbsp; &nbsp; &nbsp; &nbsp; return;&nbsp; &nbsp; }&nbsp; &nbsp; // 下面写正常的处理语句，这时候是存在 wrap元素的，不会报错&nbsp; &nbsp; .......}window.wrapHandler = wrapHandler;// 页面处理的js文件(a.js)wrapHandler(document.getElementById('wrap'))两个功能的代码都可以这样处理。