各个页面js合并

Question

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'))

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

Answer 2

在js文件中，封装成函数

   function fixdTop() {
        // 吸顶代码
    }

    function tab() {
        // 选项卡
    }

在index页面中引入js文件并调用函数

<script>
     fixdTop();
     tab()  
</script>

在另一个页面中只调用 tab()