JavaScript 學習（1）--window對象

JavaScript 學習--Window對象

window對象方法

1.1 建立新窗體

//窗體打開
var newWindow=Window.open("default.html","windowName","height=200,width=300,..(其餘參數)")://height和widht爲空默認會打開一個新選項卡
//窗體關閉
newWindow.close();
//窗體的location
newWindow.location.herf="http://www.baidu.com";

1.2 窗體的對話框

//提示框
alert("some text here");
//帶返回值的
if(confirm("are you sure?")){ //do some thing}
//帶輸入框的
var result=prompt("what is your name?")
if(result){//do something}

1.3 屬性navigator

navigator.userAgent包含瀏覽器不少的細節
好比chrome的userAgent內容有

document.write(navigator.userAgent);
//輸出入下
Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/39.0.2171.95 Safari/537.36

navigator.appVersion
5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/39.0.2171.95 Safari/537.36

1.4 document

• document.forms[]
  該值是一個文檔中全部form元素對象的數組

引用其中一個表單能夠使用document.forms[0]或者document.forms["formName"]

• document.images[]

document對象保持了一個以標記方式插入到文檔中的圖像的集合，經過document.images能夠得到imag元素

• document.write()

在載入頁面後，瀏覽器輸出流自動關閉，再次以後任何一個對當前頁面進行操做的document.write()都將打開一個新的輸出流，會清空當前頁面內容。因此須要吧HTML內容鏈接起來賦值給一個變量。須要注意的是document.write()相關的方法document.close()，若是沒有進行關閉，連續的document.write()只會連續添加到後面不會清除當前值，若是不添加close方法，就不能顯示圖像和表單。

• document.createElement() 和document.createTextNode()

document.createElement()在瀏覽器內存中中建立一個新元素對象
如var p=document.createElement("p")
document.createTextNode()建立一個新文本節點

以上操做並不影響原本的文檔節點樹，須要調用各類插入和替換方法才能將元素放入文檔中。

• document.getElementById('idName') 獲取id爲idName的元素