<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    想飛就別怕摔

    大爺的并TM罵人

    js-window對象的方法和屬性資料

    熟練window對象的openclosealertconfirmpromptsetTimeoutclearTimeoutsetIntervalclearIntervalmoveByresizeByscrollBy方法的使用
    掌握window對象的moveToresizeToscrollToprint方法的使用
    熟練掌握window對象的statuslocationnameselfopener屬性的使用  Window對象是客戶端javascript最高層對象之一,只要打開瀏覽器窗口,不管該窗口中是否有打開的網頁,當遇到BODYFRAMESETFRAME元素時,都會自動建立window對象的實例。另外,該對象的實例也可由window.open()方法創建。由于window對象是其它大部分對象的共同祖先,在調用window對象的方法和屬性時,可以省略window對象的引用。例如:window.document.write()可以簡寫成: document.write()。  在窗口中觖發本窗口對象的任何方法和屬性時可以省去窗口的實例名稱。例如給當前的myWin窗口設置status屬性時,可以只用status而不用myWin.status。但是,在事件處理中調用location屬性、close()方法或open()方法時必須使用實例名稱。
    6-2-1 window
    對象的方法
    window
    對象有以下方法:

    open
    close
    alert
    confirm
    prompt
    setTimeout
    clearTimeout
    setInterval
    clearInterval
    moveBy
    moveTo
    resizeBy
    resizeTo
    scrollBy
    scrollTo
    find
    back
    forward
    home
    stop
    print
    blur
    focus
    captureEvent
    enableExternalCapture
    disableExternalCapture
    handleEvent
    releaseEvent
    routeEvent
    scroll

      1. open方法
      語法格式:

    window.open(URL,
    窗口名稱,窗口風格)
      功能:打開一個新的窗口,并在窗口中裝載指定URL地址的網頁。

      說明:

    open
    方法用于打開一個新的瀏覽器窗口,并在新窗口中裝入一個指定的URL地址;
    open
    方法在打開一個新的瀏覽器窗口時,還可以指定窗口的名稱(第二個參數)
    open
    方法在打開一個新的瀏覽器窗口時,還可以指定窗口的風格(第三個參數)

    窗口風格有以下選項,這些選項可以多選,如果多選,各選項之間用逗號分隔:
    toolbar
    :指定窗口是否有標準工具欄。當該選項的值為1yes時,表示有標準工具欄,當該選項的值為0no時,表示沒有標準工具欄;
    location
    :指定窗口是否有地址工具欄,選項的值及含義與toolbar相同;
    directories
    :指定窗口是否有鏈接工具欄,選項的值及含義與toolbar相同;
    status
    :指定窗口是否有狀態欄,選項的值及含義與toolbar相同;
    menubar
    :指定窗口是否有菜單,選項的值及含義與toolbar相同;
    scrollbar
    :指定當前窗口文檔大于窗口時是否有滾動條,選項的值及含義與toolbar相同;
    resizable
    :指定窗口是否可改變大小,選項的值及含義與toolbar相同;
    width
    :以像素為單位指定窗口的寬度,已被innerWidth取代;
    height
    :以像素為單位指定窗口的高度,已被innerHeight取代;
    outerWidth
    :以像素為單位指定窗口的外部寬度;
    outerHeight
    :以像素為單位指定窗口的外部高度;
    left
    :以像素為單位指定窗口距屏幕左邊的位置;
    top
    :以像素為單位指定窗口距屏幕頂端的位置;
    alwaysLowered
    :指定窗口隱藏在所有窗口之后,選項的值及含義與toolbar相同;
    alwaysRaised
    :指定窗口浮在所有窗口之上,選項的值及含義與toolbar相同;
    dependent
    :指定打開的窗口為當前窗口的一個子窗口,并隨著父窗口的關閉而關閉,選項的值及含義與toolbar相同;
    hotkeys
    :在沒有菜單欄的新窗口中設置安全退出的熱鍵,選項的值及含義與toolbar相同;
    innerHeight
    :設定窗口中文檔的像素高度;
    innerWidth
    :設定窗口中文檔的像素寬度;
    screenX
    :設定窗口距離屏幕左邊界的像素長度;
    screenY
    :設定窗口距離屏幕上邊界的像素長度;
    titleBar
    :指明標題欄是否在新窗口中可見,選項的值及含義與toolbar相同;
    z-look
    :指明當窗口被激活時,不能浮在其它窗口之上,選項的值及含義與toolbar相同。

    open
    方法返回的是該窗口的引用。

    小技巧:該方法經常用于在打開一個網頁時自動打開另一個窗口。

    6-2-1:編制一個小程序,它用于在打開當前窗口時自動打開另一個窗口,要

    求該窗沒有標準工具欄、地址欄、鏈接工具欄、菜單欄,但有狀態欄,窗口中打

    開的網頁地址為:http://www.dlrtvu.edu.cn

    2. close
    方法
    語法格式:

    window.close()
    功能:close方法用于自動關閉瀏覽器窗口。

    3. alert
    方法
    語法格式:

    window.alert(
    提示字符串)
    功能:彈出一個警告框,在警告框內顯示提示字符串文本。

    4. confirm
    方法
    語法格式:

    window.confirm(
    提示字符串)
    功能:顯示一個確認框,在確認框內顯示提示字符串,當用戶單擊“確定”按鈕

    時該方法返回true,單擊取消時返回false

    5. prompt
    方法
    語法格式:

    window.prompt(
    提示字符串,缺省文本)
    功能:顯示一個輸入框,在輸入框內顯示提示字符串,在輸入文本框顯示缺省文

    本,并等待用戶輸入,當用戶單擊“確定”按鈕時,返回用戶輸入的字符串,當

    單擊“取消”按鈕時,返回null值。

    6. setTimeout
    方法
    語法格式:

    window.setTimeout(
    代碼字符表達式,毫秒數)
    功能:定時設置,當到了指定的毫秒數后,自動執行代碼字符表達式。

    7. clearTimeout
    方法
    語法格式:

    window.clearTimeout(
    定時器)
    功能:取消以前的定時設置,其中的參數是用setTimeout設置時的返回值。

    8. setInterval
    方法
    語法格式:

    window.setInterval(
    代碼字符表達式,毫秒數)
    功能:設定一個時間間隔后(第二個參數),反復執行代碼字符表達式的內容

    9. clearInterval
    方法
    語法格式:

    window.clearInterval(
    時間間隔器)
    功能:取消setInterval設置的定時。其中的參數是setInterval方法的返回值。

    10. moveBy
    方法
    語法格式:

    window.moveBy(
    水平位移量,垂直位移量)
    功能:按照給定像素參數移動指定窗口。第一個參數是窗口水平移動的像素,第

    二個參數是窗口垂直移動的像素。

    11.moveTo
    方法
    語法格式:

    window.moveTo(x,y)
    功能:將窗口移動到指定的指定坐標(x,y)處。

    12. resizeBy
    方法
    語法格式:

    window.resizeBy(
    水平,垂直)
    功能:將當前窗口改變指定的大小(x,y),當xy的值大于0時為擴大,小于0

    為縮小。

    13. resizeTo
    方法
    語法格式:

    window.resizeTo(
    水平寬度,垂直寬度)
    功能:將當前窗口改變成(x,y)大小,xy分別為寬度和高度。

    14. scrollBy
    方法
    語法格式:

    window.scrollBy(
    水平位移量,垂直位移量)
    功能:將窗口中的內容按給定的位移量滾動。參數為正數時,正向滾動,否則反

    向滾動。

    15. scrollTo
    方法
    語法格式:

    window.scrollTo(x,y)
    功能:將窗口中的內容滾動到指定位置。

    16.find
    方法
    語法格式:

    window.find()
    功能:當觸發該方法時,將彈出一個“find”(查找)對話窗口,并允許用戶在觸

    find方法的頁面中查找一個字符串。

    注:該屬性在IE5.5Netscape6.0中都不支持。

    17. back
    方法
    語法格式:

    window.back()
    功能:模擬用戶點擊瀏覽器上的“后退”按鈕,將頁面轉到瀏覽器的上一頁。

    說明:僅當當前頁面存在上一頁時才能進行該操作。

    注:IE5.5不支持該方法,Netscape6.0支持。

    18. forward
    方法
    語法格式:

    window.forward()
    功能:模擬用戶點擊瀏覽器上的“前進”按鈕,將頁面轉到瀏覽器的下一頁。

    說明:僅當當前頁面存在下一頁時才能進行該操作。

    注:IE5.5不支持該方法,Netscape6.0支持。

    19. home
    方法
    語法格式:

    window.home()
    功能:模擬用戶點擊瀏覽器上的“主頁”按鈕,將頁面轉到指定的頁面上。

    注:IE5.5不支持該方法,Netscape6.0支持。

    20. stop
    方法
    語法格式:

    window.stop()
    功能:模擬用戶點擊瀏覽器上的“停止”按鈕,終止瀏覽器的下載操作。

    注:IE5.5不支持該方法,Netscape6.0支持。

    21. print
    方法
    語法格式:

    window.print()
    功能:模擬用戶點擊瀏覽器上的“打印”按鈕,通知瀏覽器打開打印對話框打印

    當前頁。

    22. blur
    方法
    語法格式:

    window.blur()
    功能:從窗口中移出焦點。當與focus方法合用時必須小心,因為可能導致焦點

    不斷移進移出。

    23. focus
    方法
    語法格式:

    window.focus()
    功能:使窗口中得到焦點。當與blur方法合用時必須小心,因為可能導致焦點不

    斷移進移出。

    24. captureEvent
    方法
    語法格式:

    window.captureEvent(Event)
    window.captureEvent(
    事件1|事件2|...|事件n)
    功能:捕捉指定參數的所有事件。由于能夠捕獲哪些由本地程序自己處理的事件

    ,所以程序員可以隨意定義函數來處理事件。如果有多個事件需要捕捉,各事件

    之間用管道符“|”隔開。可捕捉的事件類型如下:

    Event.ABORT

    Event.BLUR

    Event.CHANGE

    Event.CLICK

    Event.DBLCLICK

    Event.DRAGDROP

    Event.ERROR

    Event.FOCUS

    Event.KEYDOWN

    Event.KEYPRESS

    Event.KEYUP

    Event.LOAD

    Event.MOUSEDOWN

    Event.MOUSUEMOVE

    Event.MOUSEOUT

    Event.MOUSEOVER

    Event.MOUSEUP

    Event.MOVE

    Event.RESET

    Event.RESIZE

    Event.SELECT

    Event.SUBMIT

    Event.UNLOAD

    25. enableExternalCapture
    事件
    語法格式:

    window.enableExternalCapture(event)
    功能:enableExternalCapture方法用于捕捉通過參數傳入的外部事件。

    26. disableExternalCapture
    事件
    語法格式:

    window.disableExternalCapture()
    功能:取消enableExternalCapture方法的設置,終止對外部事件的捕捉。

    27. handleEvent
    事件
    語法格式:

    window.handleEvent(event)
    功能:觸發指定事件的事件處理器。

    28. releaseEvent
    事件
    語法格式:

    window.releaseEvent(event)
    window.releaseEvent(
    事件1|事件2|...|事件n)
    功能:釋放通過參數傳入的已被捕捉的事件,這些事件是由

    window.captureEvent
    方法設置的,可釋放的事件與captureEvent相同。

    29. routeEvent
    事件
    語法格式:

    window.releaseEvent(event)
    功能:把被捕捉類型的所有事件轉交給標準事件處理方法進行處理,可轉交的事

    件與captureEvent相同。

    30 scroll
    事件
    語法格式:

    window.scroll(X
    坐標,Y坐標)
    功能:將窗口移動到指定的坐標位置。

    6-2-2 window
    對象的屬性
    window
    對象具有如下屬性:

    status

    statusbar

    statusbar.visible

    defaultstatus

    location

    locationbar

    locationbar.visible

    self

    name

    closed

    frames

    frames.length

    length

    document

    history

    innerHeight

    innerWidth

    menubar

    menubar.visible

    opener

    outerHeight

    outerWidth

    pageXOffset

    pageYOffset

    parent

    personalbar

    personalbar.visible

    scrollbar

    scrollbar.visible

    toolbar

    toolbar.visible

    top

    1. status
    屬性
    語法格式:

    window.status=
    字符串
    功能:設置或給出瀏覽器窗口中狀態欄的當前顯示信息。

    小技巧:可以使用該屬性設置瀏覽器窗口狀態欄信息。

    2. statusbar
    屬性
    語法格式:

    window.statusbar.
    屬性
    功能:statusbar屬性本身也是一個對象,用于訪問它自已的visible屬性從而確

    定狀態欄是否可見。

    注:IE5.5瀏覽器不支持該屬性。

    3. statusbar.visible
    屬性
    語法格式:

    window.statusbar.visible
    功能:檢查狀態欄是否可見,如果可見則返回true,反之返回false

    注:IE5.5瀏覽器不支持該屬性。

    4. defaultstatus
    屬性
    語法格式:

    window.defaultstatus[=
    字符串]
    功能:defaultstatus屬性值是瀏覽器窗中狀態欄的默認顯示信息。

    5.location
    屬性
    語法格式:

    window.location=URL
    功能:給出當前窗口的URL信息或指定打開窗口的URL

    6. locationbar
    屬性
    語法格式:

    window.locationbar.
    屬性
    功能:locationbar屬性也可以看成是一個子對象,這個屬性用來獲取它自已的

    visible
    屬性來確定位置欄是否可見。

    到目前為止,該屬性只有一個子屬性:visible

    注:IE5.5不支持該屬性。

    7. locationbar.visible
    屬性
    語法格式:

    window.locationbar.visible
    功能:返回位置欄是否可見,如果可見返回true,反之返回false

    注:IE5.5不支持該屬性。

    8. self
    屬性
    語法格式:

    window.self.
    方法
    window.self.
    屬性
    功能:該屬性包含當前窗口的標志,利用這個屬性,可以保證在多個窗口被打開

    的情況下,正確調用當前窗口內的函數或屬性而不會發生混亂。

    9. name
    屬性
    語法格式:

    window.name=
    名稱
    功能:返回窗口名稱,這個名稱是由window.open()方法創建新窗口時給定的。

    javascript1.0版本中,這個屬性只能用于讀取窗口名稱,而到了

    javascript1.1
    版本時,可以用這個屬性給一個不是用window.open()方法創建的

    窗口指定一個名稱。

    10. closed
    屬性
    語法格式:

    window.closed
    功能:closed屬性用于返回指定窗口的實例是否已經關閉,如果關閉,返回true

    ,反之返回flase

    11. frames
    屬性
    語法格式:

    window.frames["
    框架名稱"]
    window.frames[
    數值]
    功能:frames屬性是一個數組,用來存儲文檔中每一個由元素創建的子窗口(

    )實例,其中的下標即可以是次序號也可以是用FRAME元素的NAME屬性指定的名

    稱來得到并使用。

    12. frames.length
    屬性
    語法格式:

    window.frames.length
    功能:frames.length屬性用于給出文檔中子窗口(框架)實例的個數。

    13. length
    屬性
    語法格式:

    window.length
    功能:length屬性返回一個窗口內的子窗口數目,該屬性與

    window.frame.length
    屬性的值相同。

    14. document
    屬性
    語法格式:

    window.document.
    事件
    window.document.
    方法
    window.document.
    屬性
    功能:window對象的子對象documentjavascript的核心對象,在腳本中遇到

    BODY
    元素時創建一個實例。

    15. history
    屬性
    語法格式:

    window.history[
    數值]
    window.history.
    方法()
    window.history.
    屬性
    window
    對象的子對象historyjavascript的核心對象之一,該屬性包含了一個

    已訪問過頁面的名稱和URL的數組。

    16. innerHeight
    屬性
    語法格式:

    window.innerHeight=
    數值
    功能:返回或指定瀏覽器窗口中文檔的像素高度,這個高度不包括任何工具欄和

    組成窗口的頁面修飾高度。

    注:IE5.5不支持該屬性。

    17. innerWidth
    屬性
    語法格式:

    window.innerHeight=
    數值
    功能:返回或指定瀏覽器窗口中文檔的像素寬度,這個寬度不包括任何工具欄和

    組成窗口的頁面修飾寬度。

    注:IE5.5不支持該屬性。

    18. menubar
    屬性
    語法格式:

    window.menubar.
    屬性
    功能:menubar屬性也可以看成是一個子對象,這個屬性用來獲取它自已的

    visible
    屬性來確定菜單欄是否可見。

    到目前為止,該屬性只有一個子屬性:visible

    注:IE5.5不支持該屬性。

    19. menubar.visible
    屬性
    語法格式:

    window.menubar.visible
    功能:menubar.visible屬性用于返回菜單欄是否可見,如果可見返回true,反

    之返回false

    注:IE5.5不支持該屬性。

    20. opener
    屬性
    語法格式:

    window.opener
    window.opener.
    方法
    window.opener.
    屬性
    功能:opener屬性與打開該窗口的父窗口相聯系,當訪問子窗口中operer屬性時

    ,返回的是父窗口。通過該屬性,可以使用父窗口對象中的方法和屬性。

    21. outerHeight
    屬性
    語法格式:

    window.outerHeight
    功能:outerHeight屬性用于訪問瀏覽器窗口的像素高度,該高度包括工具欄和

    裝飾邊的高度。

    注:IE5.5不支持該屬性。

    22. outerWidth
    屬性
    語法格式:

    window.outerWidth
    功能:outerWidth屬性用于訪問瀏覽器窗口的像素寬度,該寬度包括工具欄和裝

    飾邊的寬度。

    注:IE5.5不支持該屬性。

    23. pageXOffset
    屬性
    語法格式:

    window.pageXOffset=
    數值
    功能:指定瀏覽器窗口中文檔左上角在窗口中的當前水平像素位置。在利用

    moveTo
    移動之前,可以通過該屬性來決定是否需要移動窗口。因為該屬性返回了

    可見文檔相對整個頁面的當前位置。

    注:IE5.5不支持該屬性。

    24. pageYOffset
    屬性
    語法格式:

    window.pageYOffset=
    數值
    功能:指定瀏覽器窗口中文檔左上角在窗口中的當前垂直像素位置。在利用

    moveTo
    移動之前,可以通過該屬性來決定是否需要移動窗口。因為該屬性返回了

    可見文檔相對整個頁面的當前位置。

    注:IE5.5不支持該屬性。

    25. parent
    屬性
    語法格式:

    window.parent.frames[
    數值]
    window.parent.framesName
    功能:訪問各個子窗口(多框架)所在的父窗口。

    26. personalbar
    屬性
    語法格式:

    window.personalbar.
    屬性
    功能:personalbar屬性本身也是一個對象,用于訪問其自身的visible屬性來確

    定個人欄是否可見。

    注:IE5.5不支持該屬性。

    27. personalbar.visible
    屬性
    語法格式:

    window.personalbar.visible
    功能:確定個人欄是否可見,如果可見則返回true,反之返回false

    注:IE5.5不支持該屬性。

    28. scrollbars
    屬性
    語法格式:

    window.scrollbars.
    屬性
    功能:scrollbars屬性本身也是一個對象,用于訪問其自身的visible屬性來確

    定滾動欄是否可見。

    注:IE5.5不支持該屬性。

    29. scrollbars.visible
    屬性
    語法格式:

    window.scrollbars.visible
    功能:scrollbars.visible用于確定滾動欄是否可見,如果可見則返回true,反

    之返回false

    注:IE5.5不支持該屬性。

    30. toolbar
    屬性
    語法格式:

    window.toolbar.
    屬性
    功能:toolbar屬性本身也是一個對象,用于訪問它自已的visible屬性從而確定

    工具欄是否可見。

    注:IE5.5不支持該屬性。

    31. toolbar.visible
    屬性
    語法格式:

    window.toolbar.visible
    功能:toolbar.visible屬性用于檢查工具欄是否可見,如果可見則返回true

    反之返回false

    注:IE5.5不支持該屬性。

    32. top
    屬性
    語法格式:

    window.top.frames[
    數值]
    window.top.frameName
    window.top.
    方法()
    window.top.
    屬性
    功能:window對象的top屬性用于包含所有裝入瀏覽器的子窗口(多框架)的最頂層窗口的信息。

    getAttribute()方法
    ●一份文檔就是一棵節點樹。

      ●節點分為不同的類型:元素節點、屬性節點和文本節點等。

      ●getElementById()方法將返回一個對象,該對象對應著文檔里的一個特定的元素節點。

      ●getElementsByTagName()方法將返回一個對象數組,它們分別對應著文檔里的一個特定的元素節點。

      ●這些節點中的每個都是一個對象。

    接下來,我們將向大家介紹幾個與這些對象相關聯的屬性和方法。

    3.4.1 getAttribute()方法

    至此,我們已經向大家介紹了兩種檢索特定元素節點的辦法:一種是使用getElementById()方法,另一種是使用getElementsByTagName()方法。在找到那個元素后,我們就可以利用getAttribute()方法把它的各種屬性的值查詢出來。

    getAttribute()方法是一個函數。它只有一個參數——你打算查詢的屬性的名字:

    object.getAttribute(attribute)
    不過,getAttribute()方法不能通過document對象調用,這與我們此前介紹過的其他方法不同。我們只能通過一個元素節點對象調用它。

    例如,你可以把它與getElementsByTagName()方法結合起來,去查詢每個<p>元素的title屬性,如下所示:
    var text=document.getElementsByTagName("p")
    for (var i=0;i<text.length;i++)
    {
    alert(text[i].getAttribute("title"));

    }
    如果把上面這段代碼插入到前面給出的“購物清單”示例文檔的末尾,并在Web瀏覽器里重新加載這個頁面,屏幕上將彈出一個顯示著文本消息“a gentle reminder”的alter對話框。

    在“購物清單”文檔里只有一個帶有title屬性的<p>元素。假如這份文檔還有一個或更多個不帶title屬性的<p>元素,則相應的getAttribute("title")調用將返回null。null是JavaScript語言中的空值,其含義是“你說的這個東西不存在”。如果你們想親自驗證一下這件事,請先把下面這段文本插入到“購物清單”文檔中的現有文本段落之后:
    <p>This is just test</p>
    然后重新加載這個頁面。這一次,你們將看到兩個alter對話框,而第二個對話框將是一片空白或者是只顯示著單詞“null”——具體情況要取決于你的Web瀏覽器將如何顯示null值。

    可以修改我們的腳本,讓它只在title屬性存在時才彈出一條消息。我們將增加一條if語句來檢查getAttribute()方法的返回值是不是null。趁著這個機會,我們還增加了幾個變量以提高腳本的可讀性:
    var ts=document.getElementsByTagName("li");
    for (var i=0; i<ts.length;i++)
    {text=ts[i].getAttribute("title");


    if(text!=null)
    {
    alert(text)
    }
    }
    現在,如果重新加載這個頁面,你們將只會看到一個顯示著“a gentle reminder”消息的alter對話框
    我們甚至可以把這段代碼縮得更短一些。當檢查某項數據是否是null值時,我們其實是在檢查它是否存在。這種檢查可以簡化為直接把被檢查的數據用做if語句的條件。if (something)與if (something != null)完全等價,但前者顯然更為簡明。此時,如果something存在,則if語句的條件將為真;如果something不存在,則if語句的條件將為假。

    具體到這個例子,只要我們把if (title_text != null)替換為if (title_text),我們就可以得到更簡明的代碼。此外,為了進一步增加代碼的可讀性,我們還可以趁此機會把alter語句與if語句寫在同一行上,這可以讓它們更接近于我們日常生活中的英語句子:
    var ts=document.getElementsByTagName("li");
    for (var i=0; i<ts.length;i++)
    {text=ts[i].getAttribute("title");


    if(text) alert(text)

    }
    3.4.2 setAttribute()方法

    我們此前介紹給大家的所有方法都只能用來檢索信息。setAttribute()方法與它們有一個本質上的區別:它允許我們對屬性節點的值做出修改。

    類似于getAttribute()方法,setAttribute()方法也是一個只能通過元素節點對象調用的函數,但setAttribute()方法需要我們向它傳遞兩個參數:

    obiect.setAttribute(attribute,value)
    在下面的例子里,第一條語句將把id屬性值是purchase的元素檢索出來,第二條語句將把這個元素的title屬性值設置為a list of goods:

    var shopping=document.getElementById("purchases")
    shopping.setAttribute("title","a list of goods")
    我們可以利用getAttribute()方法來證明這個元素的title屬性值確實發生了變化:
    var shopping=document.getElementById("purchases");
    alert(shopping.getAttribute("title"));
    shopping.setAttribute("title","a list of goods");
    alert(shopping.getAttribute("title"));
    上面這些語句將在屏幕上彈出兩個alert對話框:第一個alter對話框出現在setAttribute()方法被調用之前,它將是一片空白或顯示著單詞“null”;第二個出現在title屬性值被設置之后,它將顯示著“a list of goods”消息。

    在上例中,我們設置了一個現有節點的title屬性,但這個屬性原先并不存在。這意味著我們發出的setAttribute()調用實際完成了兩項操作:先把這個屬性創建出來,然后再對其值進行設置。如果我們把setAttribute()方法用在元素節點的某個現有屬性上,這個屬性的當前值將被覆蓋。

    在“購物清單”示例文檔里,<p>元素已經有了一個title屬性,這個屬性的值是a gentle reminder。我們可以用setAttribute()方法來改變它的當前值:

    <script type="text/javascript">
    var ts=document.getElementsByTagName("li");
    for (var i=0; i<ts.length;i++)
    {
    var text=ts[i].getAttribute("title");
    alert(ts[i].getAttribute("title"))
    if(text)
    {
    ts[i].setAttribute("title","我會成功!")
    alert(ts[i].getAttribute("title"))
    }
    }
    上面這段代碼將先從文檔里把已經帶有title屬性的<p>元素全部檢索出來,然后把它們的title屬性值全部修改為brand new title text。具體到“購物清單”文檔,屬性值a gentle reminder將被覆蓋。

    這里有一個非常值得關注的細節:通過setAttribute()方法對文檔做出的修改,將使得文檔在瀏覽器窗口里的顯示效果和/或行為動作發生相應的變化,但我們在通過瀏覽器的view source(查看源代碼)選項去查看文檔的源代碼時看到的仍將是原來的屬性值——也就是說,setAttribute()方法做出的修改不會反映在文檔本身的源代碼里。這種“表里不一”的現象源自DOM的工作模式:先加載文檔的靜態內容、再以動態方式對它們進行刷新,動態刷新不影響文檔的靜態內容。這正是DOM的真正威力和誘人之處:對頁面內容的刷新不需要最終用戶在他們的瀏覽器里執行頁面刷新操作就可以實現。

    posted on 2009-05-13 13:14 生命的綻放 閱讀(555) 評論(0)  編輯  收藏 所屬分類: js&&JQuery&&Ajax

    <2009年5月>
    262728293012
    3456789
    10111213141516
    17181920212223
    24252627282930
    31123456

    導航

    統計

    常用鏈接

    留言簿(5)

    隨筆分類(94)

    隨筆檔案(93)

    文章分類(5)

    文章檔案(5)

    相冊

    JAVA之橋

    SQL之音

    兄弟之窗

    常用工具下載

    積分與排名

    最新評論

    閱讀排行榜

    主站蜘蛛池模板: 不卡视频免费在线观看| 免费看美女午夜大片| 亚洲AV日韩精品久久久久久| 亚洲VA中文字幕无码毛片| 亚洲精品福利网站| 亚洲av无一区二区三区| 国产精品永久免费| 国产精品色拉拉免费看| 成人永久免费福利视频网站| 在线精品亚洲一区二区小说| 精品日韩亚洲AV无码 | 亚洲美女一区二区三区| 蜜芽亚洲av无码一区二区三区| 女人18毛片水最多免费观看| 国产AⅤ无码专区亚洲AV| 黄桃AV无码免费一区二区三区| 亚洲中文字幕无码一区二区三区| 中国一级毛片视频免费看| 亚洲AV日韩AV永久无码下载| 日本免费高清视频| 成人免费视频国产| 好猛好深好爽好硬免费视频| 成年女人免费碰碰视频| 亚洲成年轻人电影网站www| 亚洲黄色片免费看| 亚洲国产精品嫩草影院在线观看| 亚洲AV无码XXX麻豆艾秋| 亚洲国产综合精品中文字幕| 国产精品亚洲片夜色在线| 黄色视屏在线免费播放| 亚洲视频.com| 久久免费视频观看| 中文字幕第13亚洲另类| 美女尿口扒开图片免费| AV片在线观看免费| 亚洲AV无码一区二区三区在线| 无码日韩精品一区二区三区免费 | 在线观着免费观看国产黄| 一个人看的hd免费视频| 亚洲一本大道无码av天堂| 天堂亚洲免费视频|