各个页面js合并

Answer 1

将两个功能的代码，抽成两个单独的方法，且在方法的最上面判断所要操作的元素是否存在，如果存在再进行下去，如果不存在，则return不继续往下执行。

将方法拆成单独的文件(util.js)来调用（这种方式只是为了实现功能，更好的方式是使用模块化工具单独构建js模块），如下：

// html 文件，将两个js都引入进来

<script src="util.js" />

<script src="a.js" />

// util.js

function wrapHandler(wrap) {

    // 判断wrap元素是否存在

    if (!wrap) {

        return;

    }

    // 下面写正常的处理语句，这时候是存在 wrap元素的，不会报错

    .......

}

window.wrapHandler = wrapHandler;

// 页面处理的js文件(a.js)

wrapHandler(document.getElementById('wrap'))

两个功能的代码都可以这样处理。