JavaScript 学习（1）--window对象

时间：2024-07-28 15:03:20

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对象保持了一个以JavaScript 学习（1）--window对象标记方式插入到文档中的图像的集合，通过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的元素

相关文章