页面引入模块化js文件，js模块化加载

引用外部JavaScript脚本文件比嵌入脚本文件有哪些优势

1、更多更好竞争对手： JavaScript是机器上运行的非常老的脚本化语言，其实有其他的技术可以取代它做同样的事情。(如 JQuery )，并且更好更简单。关闭JavaScript：如果关闭浏览器的JavaScript支持，整个JavaScript代码就不会运行了。

2、(1).javascript的优点：javascript减少网络传输。在javascript这样的用户端脚本语言出现之前，传统的数据提交和验证工作均由用户端浏览器通过网络传输到服务器开发上进行。

3、能够具有交互性，能够包含更多活跃的元素，就有必要在网页中嵌入其它的技术。如：Javascript、VBScript、Document Object Model（DOM，文档对象模型）、Layers和 Cascading Style Sheets（CSS，层叠样式表），这里主要讲Javascript。

4、一般来说，放在jsp文件里可以获得比较好的灵活另，例如实现国际化，将js写在jsp文件里然后配合struts的标签是很容易实现的，但是这在js文件里就很难做到。

相关问答

Q1: 请教如何在一个js文件中调用另外一个js文件的变量

从一个JS中调用另一个JS文件中的变量常规来说不不可能的，不过可以在页面上设置一个全局变量，这样没个JS都可以获取到这个全局变量。

如果这样的话把这个变量声明为全局变量，在b.html中引用a.js后就可以取到这个变量了，把它直接传入items中即可。如果在a.js中没有创建这个对象，那在b.html中引用a.js文件后直接在b.html中创建即可。

例如有这样一个html，里面有一个按钮，当按下时调用b.js文件中的方法b()。而b()中又要调用a.js文件中的方法a()。那我们应该怎么做呢？首先，在html中引入b.js，并在之后加入引用语句。

可以调用的呀，js文件是顺序加载的。你要确保你调用的那个方法文件先加载完成，然后在加载你自己的js文件。注意加载顺序，然后按照那个方法的调用方式去掉用就行了。

Q2: CommonJS与ES6模块化的具体使用方式

CommonJS 模块输出的是值的拷贝，也就是说，一旦输出一个值，模块内部的变化就影响不到这个值。请看下面这个模块文件lib.js的例子。上面代码输出内部变量counter和改写这个变量的内部方法incCounter。

webpack既支持commonjs规范也支持AMD规范，这就意味着AMD的经典语法是可以正常使用的。ES6 import。import会被转化为commonjs格式或者是AMD格式，所以不要把它认为是一种新的模块引用方式。

二：模块化进程二：CommonJS规范 该规范的核心思想是允许模块通过require方法来同步加载所要依赖的其他模块，然后通过 exports 或 module.exports 来导出需要暴露的接口。

关于页面引入模块化js文件和js模块化加载的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。