首頁 web前端 js教程 javascript Window及document对象详细整理_基础知识

javascript Window及document对象详细整理_基础知识

May 16, 2016 pm 06:12 PM
document window

一、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  -------------------------------------------------- -------------------
  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的标签 <br>document.bgColor //设置页面背景色 <br>document.fgColor //设置前景色(文本颜色) <br>document.linkColor //未点击过的链接颜色 <br>document.alinkColor //激活链接(焦点在此链接上)的颜色 <br>document.vlinkColor //已点击过的链接颜色 <br>document.URL //设置URL属性从而在同一窗口打开另一网页 <br>document.fileCreatedDate //文件建立日期,只读属性 <br>document.fileModifiedDate //文件修改日期,只读属性 <br>document.fileSize //文件大小,只读属性 <br>document.cookie //设置和读出cookie <br>document.charset //设置字符集 简体中文:gb2312 <br>---------------------------- <br><br>常用对象方法 <br><br>document.write() //动态向页面写入内容 <br>document.createElement(Tag) //创建一个html标签对象 <br>document.getElementById(ID) //获得指定ID值的对象 <br>document.getElementsByName(Name) //获得指定Name值的对象 <br>document.body.appendChild(oTag) <br><br>body-主体子对象 <br><br>document.body //指定文档主体的开始和结束等价于
document.body.bgColor //设置或获取对象后面的背景颜色
document.body.link //未点击过的链接颜色
document.body.alink //激活链接(焦点在此链接上)的颜色
document.body.vlink //已点击过的链接颜色
document.body.text //文本色
document.body.innerText //设置...之间的文本
document.body.innerHTML //设置...之间的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 //对应页面上的javascript Window及document对象详细整理_基础知识标签
document.images.length //对应页面上javascript Window及document对象详细整理_基础知识标签的个数
document.images[0] //第1个javascript Window及document对象详细整理_基础知识标签
document.images[i] //第i-1个javascript Window及document对象详细整理_基础知识标签
----------------------------
b)通过nane属性直接引用
javascript Window及document对象详细整理_基础知识
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.
同时在页面上建立一个javascript Window及document对象详细整理_基础知识标签与之对应就可以显示
----------------------------
示例代码(动态创建图象):

javascript Window及document对象详细整理_基础知识




本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

document.cookie取得不到怎麼解決 document.cookie取得不到怎麼解決 Nov 23, 2023 am 10:02 AM

document.cookie取得不到的解決方法:1、瀏覽器的隱私設定;2、Same-origin policy;3、HTTPOnly Cookie;4、JavaScript代碼錯誤;5、Cookie不存在或過期;6、跨域問題; 7.檢視器模式;8、伺服器問題;9、JavaScript執行時機;10、檢查console log等。

GTA 6 文件詳細概述了所有洩漏 GTA 6 文件詳細概述了所有洩漏 Sep 08, 2024 am 06:37 AM

9 月 3 日,俠盜獵車手 VI 文件 1.5 版發布,詳細概述了迄今為止有關該遊戲的所有資訊。該文件的更新版本在 X(以前的 Twitter)上發布的預告片中宣布。

Window蠕蟲病毒怎麼解決 Window蠕蟲病毒怎麼解決 May 17, 2023 pm 07:22 PM

0x00前言蠕蟲病毒是一種十分古老的電腦病毒,它是一種自包含的程式(或是一套程式),通常透過網路途徑傳播,每入侵到一台新的計算機,它就在這台電腦上複製自己,並自動執行它自己的程式。常見的蠕蟲病毒:熊貓燒香病毒、衝擊波/震盪波病毒、conficker病毒等。 0x01應急場景某天早上,管理員在出口防火牆發現內網伺服器不斷向境外IP發起主動連接,內網環境,無法連通外網,無圖腦補。 0x02事件分析在出口防火牆看到的伺服器內網IP,先將中病毒的主機從內網斷開,然後登入該伺服器,開啟D盾_web查殺查

window10平板電腦系統安裝的詳細圖文教學 window10平板電腦系統安裝的詳細圖文教學 Jul 14, 2023 am 09:33 AM

平板電腦是目前很多年輕人都非常喜歡的電腦。最近就有不少朋友想要了解window10平板電腦系統怎麼安裝,那麼今天小編就來跟大家分享一下一個操作十分簡單的一鍵安裝win10的方法。下面就讓我們一起來看看吧! window10平板電腦系統安裝的詳細圖文教學:1.我們搜尋下載小白一鍵重裝系統軟體,選擇下載安裝win10作業系統,點選安裝此系統。 2、等待小白下載以及部署環境。 3、等待部署完成後點選立即重新啟動即可。 4.選擇進入小白pe系統。 5.進入pe系統後彈出裝置工具幫助我們自動重裝系統,我們無需任何操作

js中document物件介紹 js中document物件介紹 Feb 18, 2024 pm 01:06 PM

JavaScript中Document物件介紹及程式碼範例引言:在JavaScript中,Document物件是代表整個HTML文件的接口,它提供了對HTML文件的存取和操作方法。本文將介紹Document物件的常用方法和屬性,並提供一些具體的程式碼範例。 getElementById方法getElementById是Document物件的重要方法,用於根據指

window10重裝win7系統教學 window10重裝win7系統教學 Jul 08, 2023 pm 05:45 PM

很多小夥伴使用win10系統不習慣想裝回win7系統,卻不知道如何下手,下面小編就把這個簡單的方法教給大家吧,不會電腦重裝windows7的小夥伴不要錯過了。 1.首先我們打開電腦瀏覽器搜尋魔法豬一鍵重裝系統官網,下載下來並打開它。 2、下載好之後我們打開它,點擊線上重裝即可。 3.接下來我們耐心等待它安裝完後就可以了。 4.安裝完成,接下來我們需要點選立即重新啟動電腦。 5.重啟完電腦之後我們還需要回到主介面繼續完成安裝,接下來我們的安裝就完成了。以上就是window10重裝win7系統的步驟了,希望對大家

如何實作Disk Pulse Eneterprise Window應用程式的漏洞分析 如何實作Disk Pulse Eneterprise Window應用程式的漏洞分析 May 18, 2023 pm 03:04 PM

一、漏洞簡介DiskPulseEneterprise是一款監視磁碟變化的軟體,它可以透過一個管理埠9120或web管理視窗80對軟體進行連線管理,從而監視磁碟的變更。在DiskPulseEneterprise中有一個動態連結庫libspp.dll,其中有一些負責HTTP操作的函數,問題就出現在這個動態連結庫中,在處理後資料時,由於對於後資料沒有進行嚴格的長度控制,導致在執行取得後資料時造成無效記憶體拷貝資料緩衝區溢出,觸發SEH異常行為處理,最後控制EIP,執行任意程式碼。軟體下載連結:h

JS的Document屬性與方法 JS的Document屬性與方法 Mar 14, 2024 am 10:47 AM

常見的document屬性與方法:屬性:1、document.title:取得或設定文件的標題,通常顯示在瀏覽器的標題列或標籤上;2、document.URL:取得文件的完整URL;3、document. documentElement:取得文件的根元素,通常是<html>元素;4、document.body:取得文件的<body>元素;5、document.head等等。

See all articles