1. 程式人生 > >JavaScript入門經典(第四版)讀書筆記

JavaScript入門經典(第四版)讀書筆記

utc 文件名 ttext 文檔 開頭 rep 顯示 部分 body

第一部分 Web腳本編寫與JavaScript語言的概念

1.document.lastModified() -> 返回文檔修改日期

2.<head>標簽中的<script>不能創建輸出 所以適合定義以後要使用的函數

3.DOM包含用於處理當前文檔各個方面的對象,以便控制整個頁面

4.ECMAScript是JavaScript的標準版本

5.<script>上可以指定JavaScript版本 如<script LANGUAGE = "javascript 1.2" 或 type = "text/javascript1.2">

6.世界時間(UTC)是以過去的格林威治時間標準計算的 date.toGMTString() 輸出成世界時間

7.JavaScript大小寫敏感

8.prompt(text,defaultText) -> 是html dom window的對象 用於顯示可提示用戶的輸入框

參數可選 text為提示用戶的純文本 defaultText為用戶出入框的默認值

返回值

如果用戶單擊提示框的取消按鈕,則返回 null。如果用戶單擊確認按鈕,則返回輸入字段當前顯示的文本。

在用戶點擊確定按鈕或取消按鈕把對話框關閉之前,它將阻止用戶對瀏覽器的所有輸入。在調用 prompt() 時,將暫停對 JavaScript 代碼的執行,在用戶作出響應之前,不會執行下一條語句。

9.對象分為內置對象 ,文檔對象模型,自定義對象

內置對象如Date Array Math String

文檔對象模型(DOM)

對於dom及document與window的關系參見 https://www.cnblogs.com/liuyandeng/p/5330716.html

10.運行腳本的順序

(1)先執行<head>中的js段

(2)再按順序執行<body>中的js段

(3)最後,當事件發生時,事件處理程序被執行

11.js語法規則

(1)js關鍵詞必須小寫

(2)內置對象以大寫字母開頭

(3)dom對象的屬性常小寫,方法大小寫混合

12.js註釋

行註釋 // 和 塊註釋/**/

13.什麽叫面向對象

把數據及對數據的操作方法放在一起,作為一個相互依存的整體——對象。對同類對象抽象出其共性,形成類。類中的大多數數據,只能用本類的方法進行處理。類通過一個簡單的外部接口與外界發生關 系,對象與對象之間通過消息進行通信。程序流程由用戶在使用中決定。

14.DOM不是js的一部分,而是內置在瀏覽器的一個應用程序接口(API),其他語言,如java等也可以使用

15. DOM對象的層次

技術分享圖片

16.window對象表示一個瀏覽器窗口

document對象表示一個web文檔或一個頁面 web文檔在瀏覽器窗口顯示,所以很明顯document是window的子對象 當有多個窗口和文檔時 要指明窗口和文檔 如window.document

17.document對象

因document對象的幾個屬性通常包含當前文檔的信息,所以可以用來獲取文檔的信息,也可以寫入文檔

document.URL 指明文檔的URL地址 但不可改變 只是簡單的字段。如果要更改地址,應該使用window.location

document.title 列出當前頁面的標題 對應html的<tltle>

document.referrer 用戶所瀏覽的上一個頁面的URL

document.lastModified 文檔最新修改時間,這個日期有服務器發到頁面

document.bgColor/fgColor 文檔的背景和前景顏色 對應<body>標簽的BGCOLOR 和 TEXT屬性

document.linkColor document.alinkColor document.vlinkColor 文檔中鏈接的顏色 對應<body>標簽的 link alink vlink屬性

document.cookie 允許讀取和設置一個文檔的cookie

document.write/document.writeIn 前者正常寫入 後者寫入後再添加一個\n

18.link對象

document的子對象,在文檔中可以有多個link對象,每個對象都包括鏈接到其他網址的信息 可以用link數組訪問link對象

document.link.length 文檔中link的數量

19.anchor對象

document的子對象,每個anchor對象代表了當前文檔的anchor(anchor是可以直接跳轉的特殊位置) 可以用anchor數組訪問anchor對象

document.anchor.length anchor數組的成員數

20.history對象

window的子對象,該對象保存著瀏覽器當前地址之前和之後訪問過的網址信息,也包含到達前一地址和後一地址的方法

history.length 保存了歷史列表的長度

history.go() 打開歷史列表的一個網址 參數要填 如history(-2)向後退兩個網址

history.back() 載入歷史列表的前一個網址

history.forword() 載入歷史列表的後一個地址

history有current,previous,和next三個屬性用來存儲歷史列表的URL 當當前瀏覽器不允許正常訪問

21.location對象

window對象的子對象,該對象存儲當前窗口的當前URL網址信息 如 window.location.href = "www.baidu.com" 該語句為載入一個新網址到當前窗口

location屬性

location.protocol 網址的協議部分

location.hostname 網址的主機名

location.port 網址的端口號

location.pathname 網址的文件名

location.search 網址的查詢部分

location.hash 網址中使用的anchor部分

雖然window.location.url和document.url的屬性相同,但document.url不可更改,所以用location.url加載新頁面

location對象的方法

location.reload() 刷新當前文檔 若參數為true 則會忽略緩存,強制刷新頁面

location.replace() 替換一個新的位置 即和設置location.href相同,但是不會影響瀏覽器的歷史,即不能用後退按鈕返回

JavaScript入門經典(第四版)讀書筆記