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>

原文地址:https://www.cnblogs.com/chenguanai/p/6610403.html