window對象就是“窗口對象”,也就是任何一個打開的網頁,其一定是“裝載”到一個window對象中。window對象就代表該窗口。學習window對象其實無非是學習window所提供的幾個方法(類似學習event對象無非是學習使用event對象的幾個屬性)
window對象的幾個彈出對話框的方法:
1. window.alert(“這里是文字信息”); //可以認為只是一個文字性提示信息。2. var v1 = window.PRompt(“文字提示”,“默認信息”) //彈出一個供用戶輸入文字信息的對話框。通常用于向用戶提出一個需要文字來回答的問題。其會返回一個“字符串值”3. var v2 = window.confirm(“一個是否性的問題”); //彈出一個向用戶詢問“真假”的問題,用戶可以回答“真假”。通常用于向用戶提出一個需要進行“是/否”性回答的問題。其會返回一個布爾值(true/false)。
window對象彈出窗口的方法:
window.open();——可以彈出一個“小”窗口,該窗口里也就能夠“放置”一個網頁。
語法形式如下:
window.open(“要打開的網頁地址url”,“自己給新窗口的名字name”,“新窗口的外觀參數設定para”);
url:可以是相對地址或絕對地址。
name:自定義的名字,遵循命名規則就可以,比如n1, win1, s1
para:此設定有若干項,每項之間用逗號分隔,每項的形式為:項名=值。舉例如下:
width=400, height=300, left=500, //表示離屏幕的左邊的距離 top=300, //表示離屏幕的頂部的距離 menubar = yes; //表示打開的窗口具有菜單欄(no就沒有),也可以使用1,0 toolbar = yes; //表示打開的窗口具有工具欄(no就沒有),也可以使用1,0 location = yes; //表示打開的窗口沒有地址欄(no就沒有),也可以使用1,0(實際現代瀏覽器對此已經失效了,變成location必須顯示) scrollbars=yes; //表示打開的窗口具有滾動條。 …………. 查《DHTML完全手冊》 綜合舉例:window.open(“ http://www.baidu.com” , “db”, “width=400, height=300, left=500,top=300, menubar=yes, toolbar=1” ) 《DHTML完全手冊》介紹。 DHTML就是“動態html”(Dynamic HTML)window對象的定時器方法:
定時器:是指讓瀏覽器每隔一定的時間自動去做一定的事情!
語法形式:
var t1 = window.setInterval(“要執行的代碼s”,間隔時間t); //這叫做“創建一個定時器”,名字為:t1
解釋:每隔設定的時間t,都會去執行引號中的代碼s。t的單位是“毫秒”。這里,要執行的代碼通常都是用一個函數調用語句,真正要做的事情是到函數中去完成。
定時器一旦創建,則其會自動“讓別人”允許,其本身要么“活下去”,要么“死亡”
找網頁對象的辦法大全???document.getElementById(“id名”); //id屬性所有標簽都可以使用 通過id找到一個標簽對象。 ?document.getElementsByName(“name名”); //name屬性通常只用于表單上。 通過name找到若干個標簽對象——也就是集合。這里集合其實就是相當于一個數組中放了若干個對象。集合的用法跟數組完全一樣。注意,即使找出的結果中只有一個對象,也是集合,也要象數組一樣使用。?document.getElementsByTagName(“標簽名”); 通過標簽名獲取到網頁中所有的該標簽對象——也是集合,用法同上。 getElementsByTagName的另一個更實用用法是: ??obj. getElementsByTagName(“標簽名”); //obj為某個小一點的標簽對象。 在obj這個標簽中獲取若干個指定標簽名的對象——更實用。?document.body:——直接就代表網頁中的body這個特定標簽對象。document.documentElement:——直接就代表網頁中的html這個特定的標簽對象。document.images:——代表網頁中的所有img標簽對象,也是一個集合,用法同上述集合。其實其也相當于:document.getElementsByTagName(“img”);document.links:——代表網頁中所有a鏈接標簽對象,也是一個集合。document.anchors:——代表網頁中的所有a錨點標簽對象,也是一個集合?document.forms:——代表網頁中的所有form表單對象,也是一個集合。?event.target / event.srcElement:——代表事件源——事件源就是對象?this:——代表事件源——意思是,象window對象,event對象,document對象是不需要“找”,而是直接使用。window對象的定時器方法
反復性定時器的使用:瀏覽器會按指定的時間間隔反復去執行該代碼(函數)。
var t1 = window.setInterval(“ 函數() ”, 間隔時間); //創建一個反復性定時器并命名為“t1”
window.clearInterval( t1 ) //清除(停止/銷毀)該反復性定時器
——鬧鐘原理
一次性定時器的使用:瀏覽器會在指定的時間之后去執行一次該代碼(函數)。
var t2 = window.setTimeout(“ 函數() ”, 間隔時間); //創建一個一次性定時器并命名為“t2”
window.clearTimeout( t2 ); //清除(停止/銷毀)該一次性定時器
——定時炸彈原理
——一次性定時器通常用于某種只要執行一次的代碼
內嵌框架(窗口)對比框架窗口:框架窗口是將“當前大窗口”分割為若干個小窗口,每個窗口中放一個網頁。
<frameset rows=”150, *”> <frame src=”page1.html” ></frame> <frame src=”page2.html” ></frame></frameset>
內嵌窗口: 是在“當前網頁中”“挖”出一個區域范圍來作為小窗口,該窗口可以放置其他網頁。
這里,“挖”出的這個區域其實就是我們html/CSS中的盒子概念——矩形區域。
內嵌窗口的標簽為: iframe, 使用如下:
<iframe src=”網頁地址url” ></iframe>
iframe在外觀上非常類似textarea標簽,但使用是完全不同的。
iframe在外觀上非常類似textarea標簽,但使用是完全不同的。
引入外部js文件<script src="js文件路徑url "></script>
注意:js文件后綴為js,里面只能有js語法的代碼,不能有<script>標簽或其他標簽。并且,在上述script標簽的中間不能再些js代碼了。
進度條制作原理無非是兩個盒子,外面的的盒子的寬度固定(比如100),里面的盒子的寬度隨著一個數據的變化而變化——我們這里是星星的當前數量。
新聞熱點
疑難解答