任務1-1　JavaScript實現動態加載網頁內容

網頁中常見的底部導航欄與版權信息如圖1-1所示。

圖1-1　網頁的底部導航欄與版權信息

圖1-1所示的底部導航欄與版權信息可以采用HTML代碼實現，代碼如表1-1所示。也可以采用JavaScript代碼實現，對應的JavaScript代碼如表1-2所示。

表1-1　實現網頁底部導航欄與版權信息的HTML代碼

表1-2中的代碼解釋如下。

（1）JavaScript腳本程序必須置于<script>與</script>標簽中。

表1-2　實現網頁底部導航欄與版權信息的JavaScript代碼

（2）04行的符號“<!--”和10行的符號“//-->”針對不支持腳本的瀏覽器，從而忽略其間的腳本程序。

（3）05~09行共有5條語句，每一條語句都以“；”結束。這些語句都按其出現的先后順序執行，即程序結構為順序結構。

（4）05行為聲明變量語句：聲明1個變量，變量名為footerContent。

（5）06行為變量賦值語句：將一個字符常量值賦值給變量footerContent，賦值運算符為“=”。

（6）07~08行都是賦值語句，使用的是復合賦值運算符“+=”，將兩個字符串連接后重新賦值給變量footerContent。

（7）09行使用文檔對象document的write方法向網頁中輸出變量的值footerContent，即輸入一個字符串，該JavaScript語句會在頁面加載時執行。

提示　使用document.write()可以直接寫入HTML輸出流中，但只能在HTML輸出中使用document.write。如果在文檔加載后使用該方法，則會覆蓋整個文檔。

（8）JavaScript區分字母的大小寫。

在同一個程序中使用大寫字母和小寫字母表示不同的意義，不能隨意將大寫字母寫成小寫，也不能隨意將小寫字母寫成大寫。例如，05行中聲明的變量“footerContent”，該變量名的第7個字母為大寫“C”，在程序中使用該變量時該字母必須統一寫成大寫“C”，而不能寫成小寫“c”。如果聲明變量時，變量名稱為“footercontent”形式，全為小寫字母，則在程序中使用該變量時，也不能寫成大寫。也就是說，使用變量時的名稱應與聲明變量的名稱完全一致。

注意　JavaScript的文檔對象“document”則全部為小寫字母，而不能寫成“Document”，否則會由于系統不能識別“Document”，而出現錯誤。