php基礎學習筆記（6），php基礎學習筆記

php基礎學習筆記（6），php基礎學習筆記

window對象

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），裡面的盒子的寬度隨著一個數據的變化而變化——我們這裡是星星的當前數量。