window对象的学习(一)

最新推荐文章于 2024-07-30 10:56:44 发布

jakqigle

最新推荐文章于 2024-07-30 10:56:44 发布

阅读量514

点赞数

分类专栏： javascript/CSS/HTML5 文章标签： javascript 文档 web开发浏览器 input url

本文链接：https://blog.csdn.net/fableboy/article/details/5381342

版权

javascript/CSS/HTML5 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

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 οnclick="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方法，关闭一个窗口。

jakqigle

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
window对象的学习(一)

window对象是javascript的内部对象，用于在浏览器上显示一个窗口。我们平时最熟悉的alert函数就是window对象的一个方法。 除了alert弹出一个警告窗口外，window对象里的confirm弹出一个可以供用户选择"是"或"否"的的确认对话框，当然这
复制链接

扫一扫

专栏目录