html對象常用屬性與

/*
*作者：呆萌老師
*☑csdn認證講師
*☑51cto進階講師
*☑騰訊課堂認證講師
*☑網易雲課堂認證講師
*☑華為開發者學堂認證講師
*☑愛奇藝千人名師計劃成員
*在這裡給大家分享技術、知識和生活
*各種幹貨，記得關注哦！
*vx：it_daimeng
*/           

• html對象常用屬性

取值指派:

innerHTML:雙标簽

value:表單元素的值

樣式:

style：

className:

圖檔的路徑:

src:

選中:

Checked

Selected

不可用:

disabled

• Window對象(浏覽器視窗對象)

如果文檔包含架構（frame 或 iframe 标簽），浏覽器會為 HTML 文檔建立一個 window 對象，并為每個架構建立一個額外的 window 對象。

Window 對象屬性

屬性	描述
closed	傳回視窗是否已被關閉。
defaultStatus	設定或傳回視窗狀态欄中的預設文本。
document	對 Document 對象的隻讀引用。請參閱 Document 對象。
history	對 History 對象的隻讀引用。請參數 History 對象。
innerheight	傳回視窗的文檔顯示區的高度。
innerwidth	傳回視窗的文檔顯示區的寬度。
length	設定或傳回視窗中的架構數量。
location	用于視窗或架構的 Location 對象。請參閱 Location 對象。
name	設定或傳回視窗的名稱。
Navigator	對 Navigator 對象的隻讀引用。請參數 Navigator 對象。
opener	傳回對建立此視窗的視窗的引用。
outerheight	傳回視窗的外部高度。
outerwidth	傳回視窗的外部寬度。
pageXOffset	設定或傳回目前頁面相對于視窗顯示區左上角的 X 位置。
pageYOffset	設定或傳回目前頁面相對于視窗顯示區左上角的 Y 位置。
parent	傳回父視窗。
Screen	對 Screen 對象的隻讀引用。請參數 Screen 對象。
self	傳回對目前視窗的引用。等價于 Window 屬性。
status	設定視窗狀态欄的文本。
top	傳回最頂層的先輩視窗。
window	window 屬性等價于 self 屬性，它包含了對視窗自身的引用。
screenLeft screenTop screenX screenY	隻讀整數。聲明了視窗的左上角在螢幕上的的 x 坐标和 y 坐标。IE、Safari 和 Opera 支援 screenLeft 和 screenTop，而 Firefox 和 Safari 支援 screenX 和 screenY。

Window 對象方法

方法	描述
alert()	顯示帶有一段消息和一個确認按鈕的警告框。
blur()	把鍵盤焦點從頂層視窗移開。
clearInterval()	取消由 setInterval() 設定的 timeout。
clearTimeout()	取消由 setTimeout() 方法設定的 timeout。
close()	關閉浏覽器視窗。
confirm()	顯示帶有一段消息以及确認按鈕和取消按鈕的對話框。
createPopup()	建立一個 pop-up 視窗。
focus()	把鍵盤焦點給予一個視窗。
moveBy()	可相對視窗的目前坐标把它移動指定的像素。
moveTo()	把視窗的左上角移動到一個指定的坐标。
open()	打開一個新的浏覽器視窗或查找一個已命名的視窗。
print()	列印目前視窗的内容。
prompt()	顯示可提示使用者輸入的對話框。
resizeBy()	按照指定的像素調整視窗的大小。
resizeTo()	把視窗的大小調整到指定的寬度和高度。
scrollBy()	按照指定的像素值來滾動内容。
scrollTo()	把内容滾動到指定的坐标。
setInterval()	按照指定的周期（以毫秒計）來調用函數或計算表達式。
setTimeout()	在指定的毫秒數後調用函數或計算表達式。

Open()方法的使用:

1. 在目前視窗打開百度,并且使URL位址出現在搜尋欄中.

window.open("百度一下，你就知道", "_search");

window.open("百度一下，你就知道", "_self");

2. 在一個新的視窗打開百度

window.open("百度一下，你就知道", "_blank");

3. 打開一個新的視窗,并命名為"hello"

window.open("", "hello");

另外, open函數的第二個參數還有幾種選擇:

_top : 如果頁面上有framesets,則url會取代framesets的最頂層, 即, 如果沒有framesets, 則效果等同于_self.

_parent: url所指向的頁面加載到目前frame的父親, 如果沒有則效果等同于_self.

_media : url所指向的頁面加載到Media Bar所包含的HTML代碼區域中.如果沒有Media Bar則加到本身.

如果還要添加其它的東西在新的視窗上, 則需要第三個參數:

channelmode : yes|no|1|0 (視窗顯示為劇場模式[全螢幕顯示目前網頁, 包括工具欄等],或頻道模式[一般顯示]).

directories : yes|no|1|0 (是否添加目錄按鈕, 比如在IE下可能會有一個"連結"這樣的按鈕在最上面出現)

fullscreen : yes|no|1|0 (使浏覽器處理全螢幕模式, 并隐藏标題欄和菜單等)

menubar : yes|no|1|0 (是否顯示浏覽器預設的菜單欄)

resizeable : yes|no|1|0 (視窗是否可調整大小)

scrollbars : yes|no|1|0 (是否允許水準或垂直滑動條)

titlebar : yes|no|1|0 (是否添加一個标題欄)

toolbar : yes|no|1|0 (是否添加浏覽器預設的工具欄)

status : yes|no|1|0 (是否顯示狀态欄)

location : yes|no|1|0 (是否顯示搜尋欄)

copyhistory : yes|no|1|0 (似乎已經廢棄, 如果隻要工具欄顯示, 曆史按鈕就會顯示出來)

height : 視窗的高度, 最小值為100像素

width : 視窗的寬度, 最小值為w100像素

left : 視窗的最左邊相對于螢幕的距離

事件對象:event

如下：           

onclick="test(event)"

一般是

function test(evt)

{

 e = window.event || evt;//相容所有浏覽器           

var tag = e.target.tagName || e.srcElement.tagName;           

}           

​