當前位置：首頁 > 编程语言 > java >内容正文

java

Javascript中的Document对象详解

發布時間：2025/4/5 java 37 豆豆

生活随笔收集整理的這篇文章主要介紹了 Javascript中的Document对象详解小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

Document對象詳解?document?文擋對象?-?JavaScript腳本語言描述???? ?? ?? ---------------------------------------------------------------------???? ?? ?? 注:頁面上元素name屬性和JavaScript引用的名稱必須一致包括大小寫???? ?? ?? 否則會提示你一個錯誤信息?"引用的元素為空或者不是對象"???? ?? ?? ---------------------------------------------------------------------???? ?? 對象屬性???? ?? ?? document.title?????????????//設置文檔標題等價于HTML的<title>標簽???? ?? ?? document.bgColor???????????//設置頁面背景色???? ?? ?? document.fgColor???????????//設置前景色(文本顏色)???? ?? ?? Links?????????????????????????????//此文檔中所有鏈接的集????? ?? ?? document.linkColor?????????//未點擊過的鏈接顏色???? ?? ?? document.alinkColor????????//激活鏈接(焦點在此鏈接上)的顏色???? ?? ?? document.vlinkColor????????//已點擊過的鏈接顏色???? ?? ?? document.URL???????????????//設置URL屬性從而在同一窗口打開另一網頁???? ?? ?? Location????????????????????????//此頁的URL????? ?? ?? Referrer?????????????????????????//鏈接此頁的網頁的URL????? ?? ?? document.fileCreatedDate???//文件建立日期，只讀屬性???? ?? ?? document.fileModifiedDate??//文件修改日期，只讀屬性???? ?? ?? document.fileSize??????????//文件大小，只讀屬性???? ?? ?? document.cookie????????????//設置和讀出cookie???? ?? ?? document.charset???????????//設置字符集?簡體中文:gb2312???? ?? ?? ---------------------------------------------------------------------???? ?? 屬性描述????? ?? ?? ActiveElement????//當前具有焦點的元素????? ?? ?? All??????????????????????//此文檔中所有元素的集????? ?? ?? Anchors????????????//?此文檔中所有定位的集????? ?? ?? Applets?????????????//此文檔中所有applet的集????? ?? ?? Domain????????????//?獲得此文件的Web服務器所在的域名????? ?? ?? Forms??????????????//?此文檔中所有窗體的集????? ?? ?? Frames????????????//此文檔中所有框架的集????? ?? ?? Images????????????//?此文檔中所有圖象的集????? ?? ?? LastModified????//?此文件最后一次修改時的日期和時間????? ?? ?? ReadyState??????//此頁的下載狀態，等于”uninitialized”（頁調入前）、”loading”（頁調入中）、”interactive”（操作鏈接時）或”complete”（完成調入）???? ?? ?? Scripts??????????????//此文檔中所有腳本的集????? ?? ?? StyleSheets??????此文檔中所有style?sheet的集????? ?? Title?此頁的標題????? ?? ?? URL?此頁的URL????? ?? VlinkColor?點擊過的鏈接的顏色????? ?? ?? -------------------------------對象方法--------------------------------------???? ?? Close()?關閉HTML輸出流????? ?? ?? Open()?打開HTML輸出流????? ?? Write(str)?往HTML輸出流中寫入str????? ?? ?? Writeln(str)?往HTML輸出流中寫入str和一個新行????? ?? document.write()??????????????????//動態向頁面寫入內容???? ?? ?? document.createElement(Tag)???????//創建一個html標簽對象???? ?? ?? document.getElementById(ID)???????//獲得指定ID值的對象???? ?? ?? document.getElementsByName(Name)??//獲得指定Name值的對象???? ?? ?? ---------------------------------------------------------------------???? ?? images集合(頁面中的圖象)???? ?? a)通過集合引用???? ?? document.images?????????????//對應頁面上的<img>標簽???? ?? ?? document.images.length??????//對應頁面上<img>標簽的個數???? ?? ?? document.images[0]??????????//第1個<img>標簽??????????????? ?? ?? document.images[i]??????????//第i-1個<img>標簽???? ?? ?? ??? ?? b)通過name屬性直接引用???? ?? ?? <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>??? ?? ?? ??? ?? ----------------------------------------------------------------------???? ?? ?? ??? ?? forms集合(頁面中的表單)???? ?? ?? ??? ?? a)通過集合引用???? ?? ?? document.forms?????????????????//對應頁面上的<form>標簽???? ?? ?? document.forms.length??????????//對應頁面上<form>標簽的個數???? ?? ?? document.forms[0]??????????????//第1個<form>標簽???? ?? ?? document.forms[i]??????????????//第i-1個<form>標簽???? ?? ?? document.forms[i].length???????//第i-1個<form>中的控件數???? ?? ?? document.forms[i].elements[j]??//第i-1個<form>中第j-1個控件???? ?? ?? ??? ?? b)通過標簽name屬性直接引用???? ?? ?? <form?name="Myform"><input?name="myctrl"></form>??? ?? ?? document.Myform.myctrl?????????//document.表單名.控件名???? ?? ?? ??? ?? -----------------------------------------------------------------------???? ?? ?? <html>??? ?? ??? ?? ?? <form?name="Myform">??? ?? ?? <input?type="text"?name="oText">??? ?? ?? <input?type="password"?name="oPswd">??? ?? ?? <form>??? ?? <script?language="javascript">??? ?? ?? //獲取文本密碼框的值???? ?? ?? document.write(document.Myform.oText.value)???? ?? document.write(document.Myform.oPswd.value)???? ?? ?? </script>??? ?? </html>??? ?? ?? -----------------------------------------------------------------------???? ?? <html>??? ?? ?? ??? ?? <form?name="Myform">??? ?? ?? <select?name="oSelect">??? ?? ?? <option?value="1">1</option>??? ?? ?? <option?value="2">2</option>??? ?? ?? <option?value="3">3</option>??? ?? ?? <option?value="4">4</option>??? ?? ?? <option?value="7">sdf</option>??? ?? ?? </select>??? ?? </form>??? ?? ?? ??? ?? <script?language="javascript">??? ?? ?? ???//遍歷select控件的option項???? ?? ?? ???var?length???? ?? ?? ??document.write(document.Myform.oSelect.length+"<BR>")???? ?? ?? ???length=document.Myform.oSelect.length???? ?? for(i=0;i<length;i++)???? ?? ?? ???document.write(document.Myform.oSelect[i].value+"<BR>")???? ?? ?? </script>??? ?? <script?language="javascript">??? ?? ?? ???//遍歷option項并且判斷某個option是否被選中???? ?? ?? ???for(i=0;i<document.Myform.oSelect.length;i++){???? ?? ?? ???if(document.Myform.oSelect[i].selected!=true)???? ?? ?? ???document.write(document.Myform.oSelect[i].value+"<BR>")???? ?? ?? ???else???? ?? ?? ???document.write("<font?color=red>"+document.Myform.oSelect[i].value+"</font>"+"<BR>")??????? ?? ?? ???}???? ?? </script>??? ?? ?? ??? ?? <script?language="javascript">??? ?? ?? ???//根據SelectedIndex打印出選中的option???? ?? ?? ???//(0到document.Myform.oSelect.length-1)???? ?? ?? ???i=document.Myform.oSelect.selectedIndex???? ?? document.write(i+"<B>"+"<BR>")???? ?? ?? ???document.write(document.Myform.oSelect[i].value)???? ?? </script>??? ?? ?? ??? ?? <script?language="javascript">??? ?? ?? ???//動態增加select控件的option項???? ?? ?? ???var?oOption?=?document.createElement("OPTION");???? ?? ?? ???oOption.text="4";???? ?? ?? ???oOption.value="4";???? ?? ?? ???document.Myform.oSelect.add(oOption);???? ?? </script>??? ?? ?? <html>??? ?? -----------------------------------------------------------------------???? ?? ?? <Div?id="oDiv">Text</Div>??? ?? ?? document.all.oDiv???????????????????????//引用圖層oDiv???? ?? ?? document.all.oDiv.style????????????????????? ?? document.all.oDiv.style.display=""??????//圖層設置為可視???? ?? ?? document.all.oDiv.style.display="none"??//圖層設置為隱藏???? ?? ?? /*document.all表示document中所有對象的集合???? ? ? 只有ie支持此屬性，因此也用來判斷瀏覽器的種類*/?

轉載于:https://www.cnblogs.com/chinhr/archive/2008/08/06/1261875.html

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的Javascript中的Document对象详解的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇： 1vpk等于多少vms？
下一篇：坚强生活（转）--To 小鱼，妹妹和傻女