php基礎學習筆記（6）-php教程-PHP中文網

window對象

window物件就是“視窗物件”，也就是任何一個開啟的網頁，其一定是“裝載”到一個window物件中。 window物件就代表該視窗。學習window物件其實無非是學習window所提供的幾個方法（類似學習event物件無非是學習使用event物件的幾個屬性）

window物件的幾個彈出對話框的方法：

<span>1</span><span>.    window.alert(“这里是文字信息”);            
</span><span>//</span><span>可以认为只是一个文字性提示信息。</span>
<span>2</span>.        <span>var</span>  v1  =<span>  window.prompt(“文字提示”，“默认信息”)    
</span><span>//</span><span>弹出一个供用户输入文字信息的对话框。通常用于向用户提出一个需要文字来回答的问题。其会返回一个“字符串值”</span>
<span>3</span>.        <span>var</span>  v2  =<span>  window.confirm(“一个是否性的问题”);        
</span><span>//</span><span>弹出一个向用户询问“真假”的问题，用户可以回答“真假”。通常用于向用户提出一个需要进行“是／否”性回答的问题。其会返回一个布尔值（true/false）。</span>

登入後複製

window物件彈出視窗的方法：

window.open();——可以彈出一個「小」窗口，該窗口裡也能夠「放置」一個網頁。

文法形式如下：

window.open(“要開啟的網頁位址url”，“自己給新視窗的名字name”，“新視窗的外觀參數設定para”);

url：可以是相對地址或絕對地址。

name：自訂的名字，遵循命名規則就可以，例如n1, win1, s1

para：此設定有若干項，每項之間以逗號分隔，每項的形式為：項名=值。舉例如下：

width=<span>400</span><span>，
        height</span>=<span>300</span><span>，
        left</span>=<span>500</span>，        <span>//</span><span>表示离屏幕的左边的距离</span>
        top=<span>300</span>，        <span>//</span><span>表示离屏幕的顶部的距离</span>
        menubar = yes;    <span>//</span><span>表示打开的窗口具有菜单栏（no就没有），也可以使用1，0</span>
        toolbar    = yes;    <span>//</span><span>表示打开的窗口具有工具栏（no就没有），也可以使用1，0</span>
        location =  yes;    <span>//</span><span>表示打开的窗口没有地址栏（no就没有），也可以使用1，0（实际现代浏览器对此已经失效了，变成location必须显示）</span>
        scrollbars=yes；    <span>//</span><span>表示打开的窗口具有滚动条。</span>
<span>        …………. 查《Dhtml完全手册》
    综合举例：
window.open(“ http:</span><span>//</span><span>www.baidu.com” , “db”, “width=400, height=300, left=500,top=300, menubar=yes, toolbar=1” ) </span>
<span>
《DHTML完全手册》介绍。 
DHTML就是“动态html”（Dynamic HTML） </span>

登入後複製

window物件的定時器方法：

定時器：是指讓瀏覽器每隔一定的時間自動去做一定的事情！

語法形式：

var t1 = window.setInterval(“要執行的程式碼s”，間隔時間t)； //這叫做“建立一個計時器”，名字是:t1

解釋：每隔設定的時間t，都會去執行引號中的代碼s。 t的單位是「毫秒」。這裡，要執行的程式碼通常都是用一個函數呼叫語句，真正要做的事情是到函數去完成。

定時器一旦創建，則其會自動“讓別人”允許，其本身要么“活下去”，要么“死亡”

找網頁物件的辦法大全

???document.getElementById(“id名”);         <span>//</span><span>id属性所有标签都可以使用</span>
<span>    通过id找到一个标签对象。    
?document.getElementsByName(“name名”); </span><span>//</span><span>name属性通常只用于表单上。</span>
<span>    通过name找到若干个标签对象——也就是集合。这里集合其实就是相当于一个数组中放了若干个对象。集合的用法跟数组完全一样。注意，即使找出的结果中只有一个对象，也是集合，也要象数组一样使用。
?document.getElementsByTagName(“标签名”);
    通过标签名获取到网页中所有的该标签对象——也是集合，用法同上。
    getElementsByTagName的另一个更实用用法是：
    ??obj. getElementsByTagName(“标签名”);    </span><span>//</span><span>obj为某个小一点的标签对象。</span>
<span>    在obj这个标签中获取若干个指定标签名的对象——更实用。

?document.body：——直接就代表网页中的body这个特定标签对象。
document.documentElement：——直接就代表网页中的html这个特定的标签对象。

document.images：——代表网页中的所有img标签对象，也是一个集合，用法同上述集合。其实其也相当于：document.getElementsByTagName(“img”);
document.links：——代表网页中所有a链接标签对象，也是一个集合。
document.anchors：——代表网页中的所有a锚点标签对象，也是一个集合
?document.forms：——代表网页中的所有form表单对象，也是一个集合。

?</span><span>event</span>.target / <span>event</span><span>.srcElement：——代表事件源——事件源就是对象
?</span><span>this</span><span>：——代表事件源

——意思是，象window对象，event对象，document对象是不需要“找”，而是直接使用。</span>

登入後複製

window物件的定時器方法

反覆性定時器的使用：瀏覽器會依照指定的時間間隔重複去執行該程式碼（函數）。

var t1 = window.setInterval(“ 函數() ”, 間隔時間); //建立一個反覆定時器並命名為「t1」

window.clearInterval( t1 ) 地

－鬧鐘原則

一次性定時器的使用：瀏覽器會在指定的時間之後去執行一次該程式碼（函數）。

var t2 = window.setTimeout(“ 函數() ”, 間隔時間); //建立一個一次性計時器並命名為「t2」

window.clearTimeout( t2 ); //清除（停止/破壞）此拋棄式定時器

－定時炸彈原理

－一次性計時器通常用於某種只要執行一次的程式碼

內嵌框架（視窗）

對比框架視窗：框架視窗是將「目前大視窗」分割為若干個小窗口，每個視窗中放置一個網頁。

<frameset  rows=&rdquo;<span>150</span>, *&rdquo;>
        <frame src=&rdquo;page1.html&rdquo;  ></frame>
        <frame src=&rdquo;page2.html&rdquo;  ></frame>
</frameset>

登入後複製

內嵌窗口：是在「目前網頁中」「挖」出一個區域範圍來作為小窗口，該窗口可以放置其他網頁。

這裡，「挖」出的這個區域其實就是我們html/css裡的盒子概念－長方形區域。

內嵌視窗的標籤為： iframe, 使用如下：

iframe在外觀上非常類似textarea標籤，但使用方式是完全不同的。

引入外部js檔案

：js檔案後綴為js，裡面只能有js文法的程式碼，不能有<script>標籤或其他標籤。而且，在上述script標籤的中間不能再些js程式碼了。 <p> 進度條製作原理<p><p>無非是兩個盒子，外面的盒子的寬度固定（例如100），裡面的盒子的寬度隨著一個數據的變化而變化——我們這裡是星星的當前數量。 <p><span> <p> 以上就介紹了php基礎學習筆記（6），包括了方面的內容，希望對PHP教程有興趣的朋友有幫助。 <p> </script>