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的元素