This kind of introduction is painful, right?
<Scriptsrc= "1.js"></Script><Scriptsrc= "2.js"></Script><Scriptsrc= "3.js"></Script><Scriptsrc= "4.js"></Script><Scriptsrc= "5.js"></Script><Scriptsrc= "6.js"></Script>
Require.js can best optimize this problem:
1. Download Require.js http://requirejs.org/docs/download.html
2. Usage
If you put the bottom
<src= "Js/require.js"></script>
If you put your head
<src= "Js/require.js" defer async= "true"></ script>
Specifies that the main program is Main.js
<src= "Js/require.js" data-main= "Js/main"></ Script >
3, the main module notation
// Main.js function (Modulea, Moduleb, Modulec) { // some codehere});
The original:
<!DOCTYPE HTML><HTMLLang= "ZH-CN"><Head> <title>Html</title></Head><Body><Scripttype= "Text/javascript"src= "Js/m1.js"></Script><Scripttype= "Text/javascript"src= "Js/m2.js"></Script><Scripttype= "Text/javascript"src= "Js/m3.js"></Script><Scripttype= "Text/javascript"src= "Js/m4.js"></Script></Body></HTML>
You can instead:
<!DOCTYPE HTML><HTMLLang= "ZH-CN"><Head> <title>Html</title></Head><Body><Scriptsrc= "Js/require.js"Data-main= "Js/main"></Script></Body></HTML>
Main.jsrequire ([' M1 ', ' m2 ', ' m3 ', ' M4 '],function (M1,M2,M3,M4) { });
Implement JavaScript modular loading with require.js