DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> javascript Window及document對象詳細整理
javascript Window及document對象詳細整理
編輯:JavaScript基礎知識     
一、Window對象
  -------------------------------------------------- -------------------   
  對象屬性
  window //窗戶自身
  window.self //引用本窗戶window=window.self
  window.name //為窗戶命名
  window.defaultStatus //設定窗戶狀態欄信息
  window.location //URL地址,配備布置這個屬性可以打開新的頁面
  -------------------------------------------------- -------------------
  對象方法
  window.alert("text") //提示信息會話框
  window.confirm("text") //確認會話框
  window.prompt("text") //要求鍵盤輸入會話框
  window.setIntervel("action",time) //每一隔指定的時間(毫秒)就執行一次操作
  window.clearInterval() //清除時間配備布置作用就是終止輪回
  window.setTimeout(action,time) //隔了指定的時間(毫秒)執行一次操作
  window.open() //打開新的窗戶
  window.close() //關閉窗戶
  -------------------------------------------------- -------------------
  成員對象
  window.event
  window.document //見document對象詳解
  window.history
  window.screen
  window.navigator
  window.external
  -------------------------------------------------- -------------------
  window.history對象
  window.history.length //浏覽過的頁面數
  history.back() //撤退退卻
  history.forward() //進步
  history.go(i) //前進或頭退到歷史記錄的第i個頁面
  //i>0進步,i<0撤退退卻
  -------------------------------------------------- -------------------
  window.screen對象
 window.screen.width //屏幕寬度
  window.screen.height //屏幕高度
  window.screen.colorDepth //屏幕色深
  window.screen.availWidth //可用寬度
  window.screen.availHeight //可用高度(除去任務欄的高度)
  -------------------------------------------------- -------------------
  window.external對象
  window.external.AddFavorite("地址","標題" ) //把網站新增到保藏夾
  -------------------------------------------------- -------------------
  window.navigator對象
  window.navigator.appCodeName //浏覽器代碼名
  window.navigator.appName //浏覽器步伐名
  window.navigator.appMinorVersion //浏覽器補釘版本
  window.navigator.cpuClass //cpu類型 x86
  window.navigator.platform //操作體系類型 win32
  window.navigator.plugins
  window.navigator.opsProfile
  window.navigator.userProfile
  window.navigator.systemLanguage //客戶體系語言 zh-cn簡體中文
  window.navigator.userLanguage //用戶語言,同上
  window.navigator.appVersion //浏覽器版本(包括 體系版本)
  window.navigator.userAgent
  window.navigator.onLine //用戶否在線
  window.navigator.cookieEnabled //浏覽器是否撐持cookie
  window.navigator.mimeTypes
  ==================================================

二、document對象

對象屬性:
document.title //設置文檔標題等價於HTML的<title>標簽
document.bgColor //設置頁面背景色
document.fgColor //設置前景色(文本顏色)
document.linkColor //未點擊過的鏈接顏色
document.alinkColor //激活鏈接(焦點在此鏈接上)的顏色
document.vlinkColor //已點擊過的鏈接顏色
document.URL //設置URL屬性從而在同一窗口打開另一網頁
document.fileCreatedDate //文件建立日期,只讀屬性
document.fileModifiedDate //文件修改日期,只讀屬性
document.fileSize //文件大小,只讀屬性
document.cookie //設置和讀出cookie
document.charset //設置字符集 簡體中文:gb2312
----------------------------

常用對象方法

document.write() //動態向頁面寫入內容
document.createElement(Tag) //創建一個html標簽對象
document.getElementById(ID) //獲得指定ID值的對象
document.getElementsByName(Name) //獲得指定Name值的對象
document.body.appendChild(oTag)

body-主體子對象

document.body //指定文檔主體的開始和結束等價於<body></body>
document.body.bgColor //設置或獲取對象後面的背景顏色
document.body.link //未點擊過的鏈接顏色
document.body.alink //激活鏈接(焦點在此鏈接上)的顏色
document.body.vlink //已點擊過的鏈接顏色
document.body.text //文本色
document.body.innerText //設置<body>...</body>之間的文本
document.body.innerHTML //設置<body>...</body>之間的HTML代碼
document.body.topMargin //頁面上邊距
document.body.leftMargin //頁面左邊距
document.body.rightMargin //頁面右邊距
document.body.bottomMargin //頁面下邊距
document.body.background //背景圖片
document.body.appendChild(oTag) //動態生成一個HTML對象
常用對象事件

document.body.onclick="func()" //鼠標指針單擊對象是觸發
document.body.onmouseover="func()" //鼠標指針移到對象時觸發
document.body.onmouseout="func()" //鼠標指針移出對象時觸發
location-位置子對象
document.location.hash // #號後的部分
document.location.host // 域名+端口號
document.location.hostname // 域名
document.location.href // 完整URL
document.location.pathname // 目錄部分
document.location.port // 端口號
document.location.protocol // 網絡協議(http:)
document.location.search // ?號後的部分

常用對象事件
documeny.location.reload() //刷新網頁
document.location.reload(URL) //打開新的網頁
document.location.assign(URL) //打開新的網頁
document.location.replace(URL) //打開新的網頁
========================================================================
selection-選區子對象
document.selection
========================================================================
images集合(頁面中的圖象):
----------------------------
a)通過集合引用
document.images //對應頁面上的<img>標簽
document.images.length //對應頁面上<img>標簽的個數
document.images[0] //第1個<img>標簽
document.images[i] //第i-1個<img>標簽
----------------------------
b)通過nane屬性直接引用
<img name="oImage">
document.images.oImage //document.images.name屬性
----------------------------
c)引用圖片的src屬性
document.images.oImage.src //document.images.name屬性.src
----------------------------
d)創建一個圖象
var oImage
oImage = new Image()
document.images.oImage.src="1.jpg"
同時在頁面上建立一個<img>標簽與之對應就可以顯示
----------------------------
示例代碼(動態創建圖象):
<html>
<img name=oImage>
<script language="javascript">
var oImage
oImage = new Image()
document.images.oImage.src="1.jpg"
</script>
</html>

<html>
<script language="javascript">
oImage=document.caeateElement("IMG")
oImage.src="1.jpg"
</script>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved