?? javascript7.htm

?? JavaScript教程第一頁(yè)：Javascript教程第二頁(yè)：課程簡(jiǎn)介第三頁(yè)：實(shí)際應(yīng)用第四頁(yè)：隱藏JavaScript 第五頁(yè)：第一天復(fù)習(xí)
?? HTM
?? 第 1 頁(yè) / 共 3 頁(yè)
字號(hào):
12 3 下一頁(yè)
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>
<!--
a{ text-decoration: none }
p{ line-height:140% }
.text{ font-size: 9pt }
.text{ text-align:justify }
.text11{ font-size: 11pt }
.text11{ text-align:justify }
-->
</style>
<meta name="GENERATOR" content="Microsoft FrontPage 3.0">
<title>網(wǎng)頁(yè)教程－JavaScript技術(shù)講座:第七講 窗口及輸入輸出</title>
</head>
<p align="center"><span class="text">您現(xiàn)在的位置：<a href="javascript:if(confirm('http://www.4gee.com/Index.htm  \n\nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address.  \n\nDo you want to open it from the server?'))window.location='http://www.4gee.com/Index.htm'" tppabs="http://www.4gee.com/Index.htm">主頁(yè)</a>－<a
href="javascript:if(confirm('http://www.4gee.com/colleges/Index.htm  \n\nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address.  \n\nDo you want to open it from the server?'))window.location='http://www.4gee.com/colleges/Index.htm'" tppabs="http://www.4gee.com/colleges/Index.htm">網(wǎng)絡(luò)教室</a>－<a href="Index.htm" tppabs="http://www.4gee.com/colleges/homepages/Index.htm">主頁(yè)工廠</a>－JavaScript技術(shù)講座:第七講 
窗口及輸入輸出</span></p>

<p align="center"><small><a href="JavaScript6.htm" tppabs="http://www.4gee.com/colleges/homepages/JavaScript6.htm">上一頁(yè)</a> 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="JavaScript8.htm" tppabs="http://www.4gee.com/colleges/homepages/JavaScript8.htm">下一頁(yè)</a></small></p>
<div align="center"><center>

<table border="0" width="100%">
  <tr>
    <td width="100%"><p align="center"><span style="color: rgb(252,177,3)" class="text11">JavaScript技術(shù)講座<br>
    第七講 窗口及輸入輸出</span></td>
  </tr>
</table>
</center></div><div align="center"><center>

<table border="0" width="100%">
  <tr>
    <td width="100%"><p align="center"><font lang="ZH-CN"><span
    style="color: rgb(125,125,125)" class="text">　　JavaScript是基于對(duì)象的腳本編程語(yǔ)言，那么它的輸入輸出就是通過(guò)對(duì)象來(lái)完成的。其中有關(guān)輸入可通過(guò)窗口（Window）對(duì)象來(lái)完成，而輸出可通過(guò)文檔（document）對(duì)象的方法來(lái)實(shí)現(xiàn)。</span></font></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN"><b>一、窗口及輸入輸出</b></font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">請(qǐng)看下面例子：</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">&lt;HTML&gt;</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">&lt;Head&gt;</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">&lt;script 
    languaga=&quot;JavaScript&quot;&gt;</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">Var 
    test=window.prompt(&quot;請(qǐng)輸入數(shù)據(jù):&quot;);</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">document.write(test+&quot;JavaScript輸入輸出的例子&quot;);</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">&lt;/script&gt;</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">&lt;/Head&gt;</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">&lt;/HTML&gt;</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text">　　<font lang="ZH-CN">其中window.prompt()就是一個(gè)窗口對(duì)象的方法，其基本作用是，當(dāng)裝入Web頁(yè)面時(shí)在屏幕上顯示一個(gè)具有“確定”和“取消”的對(duì)話框，讓你輸出數(shù)據(jù)。document.writle是一個(gè)文檔對(duì)象的方法，它的基本功能，是實(shí)現(xiàn)Web頁(yè)面的輸出顯示。見圖1所示。</font></span></p>
    <p><img src="javascript/Image8.gif" tppabs="http://www.4gee.com/colleges/homepages/javascript/Image8.gif" width="488" height="118"
    alt="Image8.gif (6176 字節(jié))"><span style="color: rgb(125,125,125)" class="text"><font
    lang="ZH-CN">　</font></span><dir>
      <dir>
        <dir>
          <dir>
            <dir>
              <dir>
                <dir>
                  <dir>
                    <dir>
                      <dir>
                        <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">圖1</font></span></p>
                        <p>　</p>
                      </dir>
                    </dir>
                  </dir>
                </dir>
              </dir>
            </dir>
          </dir>
        </dir>
      </dir>
    </dir>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN"><b>1、窗口對(duì)象</b></font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">　　該對(duì)象包括許多有用的屬性、方法和事件驅(qū)動(dòng)程序，編程人員可以利用這些對(duì)象控制瀏覽器窗口顯示的各個(gè)方面，如對(duì)話框、框架等。在使用應(yīng)注意以下幾點(diǎn)：</font></span><dir>
      <dir>
        <p><img src="javascript/Bullet3.gif" tppabs="http://www.4gee.com/colleges/homepages/javascript/Bullet3.gif" width="12" height="12" alt="Bullet3.gif (148 字節(jié))"><span
        style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">　該對(duì)象對(duì)應(yīng)于HTML文檔中的&lt;Body&gt;和&lt;FrameSet&gt;兩種標(biāo)識(shí)；</font></span></p>
        <p><img src="javascript/Bullet3.gif" tppabs="http://www.4gee.com/colleges/homepages/javascript/Bullet3.gif" width="12" height="12" alt="Bullet3.gif (148 字節(jié))"><span
        style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">　onload和onunload都是窗口對(duì)象屬性；</font></span></p>
        <p><img src="javascript/Bullet3.gif" tppabs="http://www.4gee.com/colleges/homepages/javascript/Bullet3.gif" width="12" height="12" alt="Bullet3.gif (148 字節(jié))"><span
        style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">　在JavaScript腳本中可直接引用窗口對(duì)象。如：</font></span><dir>
          <dir>
            <dir>
              <dir>
                <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">window.alert(&quot;窗口對(duì)象輸入方法&quot;) 
                </font></span></p>
              </dir>
            </dir>
            <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">可直接使用以下格式：</font></span><dir>
              <dir>
                <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">alert(&quot;窗口對(duì)象輸入方法&quot;)</font></span></p>
                <p>　</p>
              </dir>
            </dir>
          </dir>
        </dir>
      </dir>
    </dir>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN"><b>2、窗口對(duì)象的事件驅(qū)動(dòng)</b></font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">　　窗口對(duì)象主要有裝入Web文檔事件onload和卸載時(shí)onunload事件。用于文檔載入和停止載入時(shí)開始和停止更新文檔。</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN"><b>3、窗口對(duì)象的方法</b></font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">　　窗口對(duì)象的方法主要用來(lái)提供信息或輸入數(shù)據(jù)以及創(chuàng)建一個(gè)新的窗口。</font></span><dir>
      <dir>
        <p><img src="javascript/Bullet3.gif" tppabs="http://www.4gee.com/colleges/homepages/javascript/Bullet3.gif" width="12" height="12" alt="Bullet3.gif (148 字節(jié))"><span
        style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">　創(chuàng)建一個(gè)新窗口open()</font></span></p>
        <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">使用window.open（參數(shù)表）方法可以創(chuàng)建一個(gè)新的窗口。其中參數(shù)表提供有窗口的主要特性和文檔及窗口的命名。</font></span></p>
        <p><img src="javascript/Bullet3.gif" tppabs="http://www.4gee.com/colleges/homepages/javascript/Bullet3.gif" width="12" height="12" alt="Bullet3.gif (148 字節(jié))"><span
        style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">　具有OK按鈕的對(duì)話框</font></span></p>
        <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">alert()方法能創(chuàng)建一個(gè)具有OK按鈕的對(duì)話框。</font></span></p>
        <p><img src="javascript/Bullet3.gif" tppabs="http://www.4gee.com/colleges/homepages/javascript/Bullet3.gif" width="12" height="12" alt="Bullet3.gif (148 字節(jié))"><span
        style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">　具有OK和Cancel按鈕的對(duì)話框</font></span></p>
        <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">confirm()方法為編程人員提供一個(gè)具有兩個(gè)按鈕的對(duì)話框。</font></span></p>
        <p><img src="javascript/Bullet3.gif" tppabs="http://www.4gee.com/colleges/homepages/javascript/Bullet3.gif" width="12" height="12" alt="Bullet3.gif (148 字節(jié))"><span
        style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">　具有輸入信息的對(duì)話框</font></span></p>
        <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">prompt()方法允許用戶在對(duì)話框中輸入信息，并可使用默認(rèn)值，其基本格式如下prompt（“提示信息”，默認(rèn)值）。</font></span></p>
        <p>　</p>
      </dir>
    </dir>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN"><b>4、窗口對(duì)象中的屬性</b></font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">　　窗口對(duì)象中的屬性主要用來(lái)對(duì)瀏覽器中存在的各種窗口和框架的引用，其主要屬性有以下幾個(gè)：</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">（１）frames 
    確文檔中幀的數(shù)目</font></span><dir>
      <dir>
        <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">frames（幀）作為實(shí)現(xiàn)一個(gè)窗口的分隔操作，起到非常有用的作用，在使用注意以下幾點(diǎn)：</font></span></p>
        <p><img src="javascript/Bullet3.gif" tppabs="http://www.4gee.com/colleges/homepages/javascript/Bullet3.gif" width="12" height="12" alt="Bullet3.gif (148 字節(jié))"><span
        style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">　frames屬性是通過(guò)HTML標(biāo)識(shí)&lt;Frames&gt;的順序來(lái)引用的，它包含了一個(gè)窗口中的全部幀數(shù)。</font></span></p>
        <p><img src="javascript/Bullet3.gif" tppabs="http://www.4gee.com/colleges/homepages/javascript/Bullet3.gif" width="12" height="12" alt="Bullet3.gif (148 字節(jié))"><span
        style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">　幀本身已是一類窗口，繼承了窗口對(duì)象所有的全部屬性和方法。</font></span></p>
      </dir>
    </dir>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">（２）Parent 
    指明當(dāng)前窗口或幀的父窗口。</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">（３）defaultstatus:默認(rèn)狀態(tài)，它的值顯示在窗口的狀態(tài)欄中。</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">（４）status:包含文檔窗口中幀中的當(dāng)前信息。</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">（５）top:包括的是用以實(shí)現(xiàn)所有的下級(jí)窗口的窗口。</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">（６）window.指的是當(dāng)前窗口</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">（７）self:引用當(dāng)前窗口。</font></span></p>
    <p>　</p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN"><b>5、輸出流及文檔對(duì)象</b></font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">在JavaScript文檔對(duì)象中，提供了用于顯示關(guān)閉、消除、打開HTML頁(yè)面的輸出流。</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN"><b>（１）創(chuàng)建新文檔open()方法</b></font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">　　使用document.open()創(chuàng)建一個(gè)新的窗口或在指定的命令窗口內(nèi)打開文檔。由于窗口對(duì)象是所加載的父對(duì)象,因而我們?cè)谡{(diào)用它的屬性或方法時(shí),不需要加入Window對(duì)象。例用Window. 
    Open()與Open()是一樣的。<br>
    打開一個(gè)窗口的基本格式：</font></span><dir>
      <dir>
        <dir>
          <dir>
            <dir>
              <dir>
                <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">Window 
                .open(&quot;URL&quot;,&quot;窗口名字&quot;,&quot;窗口屬性&quot;]</font></span></p>
12 3 下一頁(yè)
?? 文件大小 206 K
?? 上傳用戶 zergwyk
?? 所屬分類 Java編程
??? 相關(guān)標(biāo)簽

#JavaScript #Javascript #頁(yè) #教程
?? 快捷鍵說(shuō)明

復(fù)制代碼 Ctrl + C
搜索代碼 Ctrl + F
全屏模式 F11
切換主題 Ctrl + Shift + D
顯示快捷鍵 ?
增大字號(hào) Ctrl + =
減小字號(hào) Ctrl + -
亚洲欧美第一页_禁久久精品乱码_粉嫩av一区二区三区免费野_久草精品视频

?? javascript7.htm

?? 快捷鍵說(shuō)明
