js學習筆記 指令碼化瀏覽器視窗

2022-08-12 09:18:10 字數 1445 閱讀 6672

本節主要學習js對視窗的一些操作運用:

主要通過學習window物件的屬性和方法,掌握這些屬性方法如何控制瀏覽器以及他們的視窗和幀;

1、計時器

window物件的方法:

(1)settimeout()——安排乙個函式在指定的以毫秒為單位的時間之後執行;

(2)setinterval()——安排函式在乙個指定的毫秒為單位的時間間隔重複地執行;

2、瀏覽器location和history

(1)視窗的location屬性引用的是location物件,代表視窗當前顯示文件的url;

(2)location的href屬性是乙個字串,包含url的完整文字,而location的tostring()方法返回href屬性的值;

(3)可以對location屬性賦值,這時瀏覽器把這個值解析為url,並載入和顯示;

(4)window的location屬性和document的location屬性的區別:

前者引用的是乙個location物件,具有location物件的所有特性;而後者只是乙個document的乙個屬性;

3、獲取視窗資訊:

(1)獲取視窗大小和位置:

//獲取視窗大小

var windowwidth = window.outerwidth;

var windowhight = window.outerheight;

//獲取視窗位置

var windowx = window.screenx;

var windowy = window.screeny

//獲取文字的位置

var horizontalscroll = window.pagexoffset;

var verticalscroll = window.pageyoffset;

以上的這些屬性都是唯讀的;

4、開啟視窗:window.open(url,windowname,)

該方法有四個引數可選,返回乙個新開啟的視窗的window物件:

第乙個引數是要在新視窗中顯示的文件的url;如果省略,則開啟空視窗;

第二個引數是新開啟視窗的名字,如果指定的是乙個已經存在的視窗的名字,則開啟存在視窗,而非新視窗;

第三個引數是乙個列表,申明視窗的大小gui等,如果省略,則預設大小;

第四個引數是個布林值,只有在第二個引數命名的是乙個存在的視窗時才有用,申明第乙個引數指定的url是應該替換掉當前頁(true),還是建立乙個新的項(false),預設false;

5、關閉視窗:window.close()——該方法要顯示使用,否則無法區別document.close()

6、對話方塊:

window提供3個簡單對話方塊:

(1)alert()——向使用者顯示一條訊息;

(2)confirm()——要求使用者點選乙個ok或cancel按鈕;

(3)prompt()——請求使用者輸入乙個字串;

JS 獲取瀏覽器視窗大小

js 獲取瀏覽器視窗大小 獲取視窗寬度 if window.innerwidth winwidth window.innerwidth else if document.body document.body.clientwidth winwidth document.body.clientwidth...

JS 獲取瀏覽器視窗大小

js 獲取瀏覽器視窗大小 js 獲取瀏覽器視窗大小 獲取視窗寬度 if window.innerwidth winwidth window.innerwidth else if document.body document.body.clientwidth winwidth document.bod...

JS 獲取瀏覽器視窗大小

js 獲取瀏覽器視窗大小 獲取視窗寬度 if window.innerwidth winwidth window.innerwidth else if document.body document.body.clientwidth winwidth document.body.clientwidth...