当页面有多个js文件时，应如何引入？
生活随笔
收集整理的這篇文章主要介紹了
当页面有多个js文件时，应如何引入？
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
1. 我們知道如果一個頁面有多個js文件，并且這些js文件有的還有依賴關(guān)系的時候，我們就要特別注意他們之間的引入順序，否則就會報錯。
如：一個js文件依賴jquery，我們就要先引入jquery，然后再引入這個js文件，否則，就會報錯$ is not defined。
2. 當(dāng)一個頁面有多個js文件的時候，另一個可能出現(xiàn)的問題就是 window.onload = function() { // doSomething() };這個函數(shù)出現(xiàn)了多次，這樣，只有最后一次出現(xiàn)的才會執(zhí)行，而之前被引入的js文件的window.onload 函數(shù)會被后面引入的包含的window.onload函數(shù)覆蓋，這一點(diǎn)需要格外注意。舉例如下：
例1：
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>window.onload</title> </head> <body><div class="test">這是一段文字</div><script>var para = document.getElementsByClassName("test")[0];window.onload = function() { para.style.color = "red";}window.onload = function() {para.style.fontSize = "50px";}</script> </body> </html> View Code這時，我們得到的是文字很大（50px），顏色還是默認(rèn)的黑色。
例2：
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>window.onload</title> </head> <body><div class="test">這是一段文字</div><script>var para = document.getElementsByClassName("test")[0];window.onload = function() {para.style.fontSize = "50px";}window.onload = function() { para.style.color = "red";}</script> </body> </html> View Code這時，我們的到文字是默認(rèn)的16px，但是顏色已經(jīng)改變了。
結(jié)論： 第二個window.onload確實(shí)會覆蓋第一個出現(xiàn)的window.onload函數(shù)。?
解決方法1: 將所有的語句寫在一個window.onload函數(shù)中
解決方法2: 使用《JavaScript DOM編程藝術(shù)》一書中所推薦的方法。
?
總結(jié)
以上是生活随笔為你收集整理的当页面有多个js文件时，应如何引入？的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： javascript中实现跨域的方式总结
- 下一篇： SpringMVC+Mybatis+My