window对象的学习(一)

关注

原创最新推荐文章于 2024-11-10 17:57:13 发布 586 阅读 AI 写同款· GEO 优化 ›

javascript学习——window 对象 浏览器里面，window对象（注意，w为小写）指当前的浏览器窗口。它也是当前页面的顶层对象，即最高一层的对象，所有其他对象都是它的下属。一个变量如果未声明，那么默认就是顶层对象的属性。上面代码中，a是一个没有声明就直接赋值的变量，它自动成为顶层对象的属性。window有自己的实体含义，其实不适合当作最高一层的顶层对象，这是一个语言的设计失误。最早，设计这门语言的时候，原始设想是语言内置的对象越少越好，这样可以提高浏览器的性能。因此，语言设计者 Brendan Eich 就把window。阅读详情

window对象是javascript的内部对象，用于在浏览器上显示一个窗口。

我们平时最熟悉的alert函数就是window对象的一个方法。

除了alert弹出一个警告窗口外，window对象里的confirm弹出一个可以供用户选择"是"或"否"的的确认对话框，当然这个方法即函数是带返回值，返回值是用于确定用户点击的"是"还是"否"按钮的信息。

window对象的prompt的方法用来显示一个带文本输入的对话框，用户可以输入字符，因此该函数返回的便是用户输入的字符信息。

window对象的createPopup方法,显示一个Popup窗口，Popup指的是例如点击一个按钮，显示出来，点击该窗口意外区域时候该窗口会自动关闭，这样我们可以利用这个方法实现下拉菜单的效果，或者是点击莫个网页元素显示注解帮助窗口的效果。下面是一个示例代码，实现效果为点击按钮，会弹出一个窗口，点击窗口以外的区域，它将自动关闭。

函数调用语法：oPopup = window.createPopup( [vArgs])

Example code：

<HTML> <HEAD> <TITLE>Popup Example</TITLE> <SCRIPT LANGUAGE="JavaScript"> var oPopup = window.createPopup(); function ButtonClick() { var oPopBody = oPopup.document.body; oPopBody.style.backgroundColor = "lightyellow"; oPopBody.style.border = "solid black 1px"; oPopBody.innerHTML = "Click outside <B>popup</B> to close."; oPopup.show(10, 40, 200, 200, document.body); } </SCRIPT> </HEAD> <BODY> <BUTTON onclick="ButtonClick()">Click Me!</BUTTON> </BODY> </HTML>

window对象的showModalDialog方法,用来显示一个模态的对话框，所谓模态就是该对话框弹出后，只有关闭该对话框后才可以对背景网页进行任何操作。

函数使用原型:vReturnValue = window.showModalDialog(sURL [, vArguments] [, sFeatures])

参数:sURL是欲显示在对话框上的文档的url字符串；vArguments以及 sFeatures是可选项，用于设置对话框的属性以及显示外观等，具体参数设置可看帮助文档(例如csdn的web开发，搜索"window");

Example code:

window对象的showModellessDialog方法，与上面介绍不同之处在于显示的是一个非模态的对话框，也就是意味着在操作该对话框的同时也可以对其他的对话框操作。

函数使用语法:vReturnValue = window.showModalDialog(sURL [, vArguments] [, sFeatures])

该函数的调用方法和showModalDialog方法类似.可参看帮助文档的示例代码.

略...

window对象的open方法，用于打开一新的浏览器窗口，

函数调用语法：oNewWindow = window.open( [sURL] [, sName] [, sFeatures] [, bReplace])

参数：sURL为打开新窗口要显示的文档url字符串，sNname用来设置打开的新窗口是在原父窗口打开还是新建一个窗口，sFeatures是一个设置外观的字符串，例如"top=0px,left=0px,width=20px,height=20px,"

Example code:

<SCRIPT LANGUAGE="JavaScript"> /*显示一个新的浏览器网页页面*/ var wFeature= "top=200px,left=200px,width=200px,height=200px,toolbar=no,status=no"; var newWin = window.open("","_blank",wFeature); </SCRIPT>

window对象的close方法，关闭一个窗口。

收录于