收好!详解JavaScript中常见的window对象方法使用

前两天给大家简单介绍了JavaScript对象概念,今天继续给大家说JavaScript对象。JavaScript是运行在浏览器中的,同样很多对象和浏览器窗口进行交互。这些对象有window、document、location、navigator和screen等,他们统称为BOM(Brower Object Model)。

收好!详解JavaScript中常见的window对象方法使用

window对象

window对象表示整个浏览器窗口,对操作浏览器窗口非常有用。以下四个方法最常用。

1、moveBy(x,y):该方法表示把浏览器窗口相对于当前位置水平移动x个像素,垂直移动y个像素。x、y为负数时则向相反的方向移动。

2、moveTo(x,y):该方法表示把窗口移动到用户屏幕(x,y)处,使用负数表示会把窗口移除屏幕。

3、resizeby(x,y):表示相当于浏览器窗口的当前大小,把宽度增加了x个像素,高度增加y个像素,(x,y)为负数表示窗口缩小程度。

4、resizeTo(x,y):表示把窗口宽度调整到x像素,把窗口高度调整到y像素,(x,y)不能为负数。

这四个方法,屏幕的坐标原点都是在左上角,x轴的正方向是从左到右,y轴的正方向为从上到下。

收好!详解JavaScript中常见的window对象方法使用

windows对象另外一个常用的方法就是open(),它主要用来打开新的串口。它有四个参数分别是新窗口url、新窗口名称、特征字符串说明、新窗口是否替换当前载入页面的布尔值,一般是使用前两个或者前三个参数。例如window.open(“http://localhost”,“_blank”);这段代码可以解释为用户单击一个链接,地址为http://localhost,这个链接在新窗口打开。也可以设置其他的参数比如说left、top、height、width等。比如说window.open(“http://localhost”,“_blank”,“height=200,width=300,top=30,left=40,resizeble=yes”);。另外还可以调用close()方法关闭新建的窗口:oWin.close();如果有新建窗口有代码段,可以用window.close();关闭其自身。

收好!详解JavaScript中常见的window对象方法使用

除了这些,还可以通过其他方式向用户弹出信息,即利用window对象的alert()、confirm()和prompt()方法。alert()是常用的windows方法,就不详细介绍了。confirm() 用于显示一个带有指定消息和 OK 及取消按钮的对话框。prompt()方法可以让用户输入参数,从而实现进一步的交互。它有两个参数,第一个参数显示给用户文本,第二个参数为文本框的默认值。返回字符串,值即为用户输入。

如果有漏掉其他方法,欢迎大家补充。每天学习一个知识点,每日寄语“宁可清贫自乐,不可浊富多忧。”

相关推荐