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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。