javascript - 各个页面js合并

问题描述

问 题

解决方案

将两个功能的代码，抽成两个单独的方法，且在方法的最上面判断所要操作的元素是否存在，如果存在再进行下去，如果不存在，则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'))

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

这篇关于javascript - 各个页面js合并的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！