Javascript web知识

浏览器中的JavaScript很重要的一部分是BOM(浏览器对象模型)，她提供了独立于内容而与浏览器窗口进行交互的对象。

1. 导航和打开新窗口

window.open(“http://www.baidu.com”,”wioxwindow”,

”height=150,width=30,top=10,left=10,resizable=yes”);

特性字符串是用逗号分隔的，因此在逗号或等号前后不能有空格。

window.open( pageURL,name,parameters);

其中：

pageURL 为子窗口路径

name 为子窗口句柄

parameters 为窗口参数

参数取值说明

alwaysLowered|yes/no|指定窗口隐藏在所有窗口之后

alwaysRaised|yes/no |指定窗口悬浮在所有的窗口之上

depended|yes/no |是否和父窗口同时关闭

directories|yes/no |Nav2和3的目录栏是否可见

height| pixel value |窗口高度

hotkey|yes/no |在没菜单栏的窗口中设置安全退出热键

innerHeight| pixel value |窗口中文档的像素高度

innerWidth| pixel value |窗口中文档的像素宽度

location|yes/no |位置栏是否可见

menubar|yes/no |菜单栏是否可见

resizable|yes/no |窗口大小是否可调整

scrollbars|yes/no |窗口是否可滚动

titlebar|yes/no |窗口标题栏是否可见

toolbar|yes/no |窗口工具栏是否可见

用函数控制窗口弹出：

1. <body onload=”openwin()”> 浏览器读页面时弹出窗口

2. <body onunload=”openwin()” 在浏览器离开页面时弹出窗口

3. 用一个连接调用

<a href=”#” onclick=”openwin()”>打开一个窗口</a>

注意：使用的“#”是虚链接。

4. 用一个按钮调用

5. 在弹出窗口后定时关闭

将下面一行代码加入弹出页面（注意加入的是弹出页面，而非主页面），让其10秒后关闭。

function closeit(){

setTime(“self.close()”,10000);

}

</script>

然后，再用 <body onload=”closeit()”> 替换弹出页面<body>标签的内容。这是调用的一句话。

2. 系统对话框（弹出消息）

1. alert(“Hello World!”) ;//只接受一个参数即显示给用户的文本

2. confirm(“Are you sure”;) //返回一个 bool值

3. prompt(“What’s your name?”,”Michael”) ;

//提示用户输入信息，返回输入值或null

3. 时间间隔和暂停

暂停：setTimeout(‘function’ ,time)

第一个参数可以是代码串，也可以是函数指针，第二个参数是暂停时间（毫秒）

function time(){ alert(‘执行’);}

表示在一秒后执行time()函数，调用setTimeout()时，它创建一个数字暂停ID，与操作系统的进程ID相似。暂停ID本质上是要延迟的进程ID，在调用setTimeout() 时后，就不应该执行其他代码。想取消还未执行的暂停，可以用 clearTimeout() 来取消。

clearTimeout() 接受一个参数：执行 setTimeout()时，创建的暂停ID。

时间间隔：setInterval(); clearInterval(); 参数同上。

4. location 对象表示载入窗口的URL，它还可以解析URL。

location.href 是最常用的属性，用于获取或设置窗口的URL，改变属性值就可以导航到新的页面。

location.href=”http://www.baidu.com”;

方法实现 location.assign(“http://www.baidu.com”);

replace()方法与assign()方法操作一样，但它多了一步操作，即从浏览器历史中删除了包含脚本的页面，这样就不能通过浏览器的back和forward按钮访问它了。

reload() 方法重载。

//location跳转连接

<input />点击链接

1. 链接到某页

2. 返回（等同后退）

3. 打开新网页

4. 打开新网页同时指向另一页

5. 弹出窗口

方式一、

方式二、