js---BOW---页面打开方式，跳转方式 2017-03-24

BOM  ( browse object model)

一、js页面的三种打开方式

1、 window.open

格式：

window.open（“第一部分”， “第二部分”，“第三部分”，“第四部分”）

有返回值，返回值是：新打开的窗口对象。

（1）      第一部分： 页面地址url    分外部链接与内部链接

（2）      第二部分：打开方式  常用：_blank和_self

（3）      第三部分：控制打开窗口的格式，可以写多个，用空格隔开：

toolbar=no 新打开的窗口有无工具条

menubar=no    无菜单栏

status=no        无状态栏

width/height=100   宽度高度

left=100      打开的窗口距离左边多少距离

resizable=no   窗口大小不可调

scrollbars=yes   出现滚动条

location=yes  有地址栏

2、 window.navigate（“url”） 跳转到目标页面，ie专用

3、 window.location ( 重点)

格式：

window.location.href=”url” 跳转到目标页面

eg:var a= window.location.href  用变量获取地址

window.location.hostname  主机名，域名，网站名，

window.location.pathname   路径名

二、js页面的跳转方式

1、 window.moveTo(x,y) 移动页面至某一位置，位置由x和y决定

2、 window.resizeTo（宽，高）  调整页面的宽度高度

3、 window.scrollTo（x，y）  滚动页面至哪里，y代表纵向坐标

三、模态对话框与非模态对话框（非重点，知道就好）

1、 模态对话框（Modal Dialogue Box） 如：alert

是指用户想要对对话框以外的应用程序进行操作时，必须首先对该对该对话框进行响应。

打开模态对话框：window.showModalDialog(“url”, “向目标对话框要传的值”,”窗口特征参数“)

特征参数：用分号分开，像素大小用px；如dialogHeight,dialoeWidth等。

2、 非模态对话框

打开模态对话框：window.showModalessDialog(“url”, “向目标对话框要传的值”,”窗口特征参数“)

Var a = window.dialogArgument: 用于获取模态或非模态对话框传递的值；

注：两种对话框都是永远置的；区别在于当对话框打开时，是否允许用户进行其他对象的操作。

四、Windows.history（非）

Windows.history.back(): 页面进行后退

Windows.history.forward():页面前进

五、间隔与延迟

1、  Window.setInterval(“要执行的代码”，间隔的毫秒数)

Window.clearInterval(“id”)    清除间隔执行

例题见03-24 动态时钟或倒计时

2、Window.setTimeout(“要执行的代码”，延迟的毫秒数)

Window.clearTimeout(“id”)  清除延迟执行

Eg:停止计时

<p id="count3">0    </p>

<script>

var z = window.setInterval("count3()", 1000);

function count3() {

var now = document.getElementById("count3").innerText;

now = parseInt(now);

if(now < 10) {

now++;

document.getElementById("count3").innerText = now;

}else{

window.clearInterval(z);

}

}

</script>