BOM? ( browse object model)

一、js頁面的三種打開方式

1、 window.open

格式：

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

有返回值，返回值是：新打開的窗口對象。

（1）????? 第一部分： 頁面地址url??? 分外部鏈接與內(nèi)部鏈接

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

（3）????? 第三部分：控制打開窗口的格式，可以寫多個，用空格隔開：

toolbar=no 新打開的窗口有無工具條

menubar=no??? 無菜單欄

status=no????? ??無狀態(tài)欄

width/height=100?? 寬度高度

left=100????? 打開的窗口距離左邊多少距離

resizable=no?? 窗口大小不可調(diào)

scrollbars=yes?? 出現(xiàn)滾動條

location=yes? 有地址欄

2、 window.navigate（“url”） 跳轉(zhuǎn)到目標頁面，ie專用

3、 window.location (重點)

格式：

window.location.href=”url” 跳轉(zhuǎn)到目標頁面

? eg:var a= window.location.href? 用變量獲取地址

window.location.hostname? 主機名，域名，網(wǎng)站名，

window.location.pathname?? 路徑名

二、js頁面的跳轉(zhuǎn)方式

1、 window.moveTo(x,y) 移動頁面至某一位置，位置由x和y決定

2、 window.resizeTo（寬，高）? 調(diào)整頁面的寬度高度

3、 window.scrollTo（x，y）? 滾動頁面至哪里，y代表縱向坐標

三、模態(tài)對話框與非模態(tài)對話框（非重點，知道就好）

1、 模態(tài)對話框（Modal Dialogue Box） 如：alert

是指用戶想要對對話框以外的應(yīng)用程序進行操作時，必須首先對該對該對話框進行響應(yīng)。

打開模態(tài)對話框：window.showModalDialog(“url”, “向目標對話框要傳的值”,”窗口特征參數(shù)“)

特征參數(shù)：用分號分開，像素大小用px；如dialogHeight,dialoeWidth等。

2、 非模態(tài)對話框

打開模態(tài)對話框：window.showModalessDialog(“url”, “向目標對話框要傳的值”,”窗口特征參數(shù)“)

Var a = window.dialogArgument: 用于獲取模態(tài)或非模態(tài)對話框傳遞的值；

注：兩種對話框都是永遠置的；區(qū)別在于當對話框打開時，是否允許用戶進行其他對象的操作。

四、Windows.history（非）

Windows.history.back(): 頁面進行后退

Windows.history.forward():頁面前進

五、間隔與延遲

1、? Window.setInterval(“要執(zhí)行的代碼”，間隔的毫秒數(shù))

Window.clearInterval(“id”)??? 清除間隔執(zhí)行

例題見03-24 動態(tài)時鐘或倒計時

2、Window.setTimeout(“要執(zhí)行的代碼”，延遲的毫秒數(shù))

Window.clearTimeout(“id”)? 清除延遲執(zhí)行

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>

?

轉(zhuǎn)載于:https://www.cnblogs.com/chenguanai/p/6610403.html

總結(jié)

以上是生活随笔為你收集整理的js---BOW---页面打开方式，跳转方式 2017-03-24的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。