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