JavaScript視窗及輸入輸出

來源:互聯網
上載者:User

JavaScript是基於對象的指令碼程式設計語言,那麼它的輸入輸出就是通過對象來完成的。其中有關輸入可通過視窗(Window)對象來完成,而輸出可通過文檔(document)對象的方法來實現。

一、視窗及輸入輸出

請看下面例子:

<HTML>
<Head>
<script languaga="JavaScript">
Var test=window.prompt("請輸入資料:");
document.write(test+"JavaScript輸入輸出的例子");
</script>
</Head>
</HTML>

其中window.prompt()就是一個視窗對象的方法,其基本作用是,當裝入Web頁面時在螢幕上顯示一個具有“確定”和“取消”的對話方塊,讓你輸出資料。document.writle是一個文檔對象的方法,它的準系統,是實現Web頁面的輸出顯示。見圖1所示。

圖1  

1、視窗對象

該對象包括許多有用的屬性、方法和事件驅動程式,編程人員可以利用這些對象控制瀏覽器視窗顯示的各個方面,如對話方塊、架構等。在使用應注意以下幾點:

該對象對應於HTML文檔中的<Body>和<FrameSet>兩種標識;

onload和onunload都是視窗對象屬性;

在JavaScript指令碼中可直接引用視窗對象。如:

window.alert("視窗對象輸入方法")

可直接使用以下格式:

alert("視窗對象輸入方法")

2、視窗對象的事件驅動

視窗對象主要有裝入Web文檔事件onload和卸載時onunload事件。用於文檔載入和停止載入時開始和停止更新文檔。

3、視窗對象的方法

視窗對象的方法主要用來提供資訊或輸入資料以及建立一個新的視窗。

建立一個新視窗open()

使用window.open(參數表)方法可以建立一個新的視窗。其中參數表提供有視窗的主要特性和文檔及視窗的命名。

具有OK按鈕的對話方塊

alert()方法能建立一個具有OK按鈕的對話方塊。

具有OK和Cancel按鈕的對話方塊

confirm()方法為編程人員提供一個具有兩個按鈕的對話方塊。

具有輸入資訊的對話方塊

prompt()方法允許使用者在對話方塊中輸入資訊,並可使用預設值,其基本格式如下prompt(“提示資訊”,預設值)。

4、視窗對象中的屬性

視窗對象中的屬性主要用來對瀏覽器中存在的各種視窗和架構的引用,其主要屬性有以下幾個:

(1)frames 確文檔中幀的數目

frames(幀)作為實現一個視窗的分隔操作,起到非常有用的作用,在使用注意以下幾點:

frames屬性是通過HTML標識<Frames>的順序來引用的,它包含了一個視窗中的全部幀數。

幀本身已是一類視窗,繼承了視窗對象所有的全部屬性和方法。

(2)Parent 指明當前視窗或幀的父視窗。

(3)defaultstatus:預設狀態,它的值顯示在視窗的狀態列中。

(4)status:包含文件視窗中幀中的當前資訊。

(5)top:包括的是用以實現所有的下級視窗的視窗。

(6)window.指的是當前視窗

(7)self:引用當前視窗。

5、輸出資料流及文檔對象

在JavaScript文檔對象中,提供了用於顯示關閉、消除、開啟HTML頁面的輸出資料流。

(1)建立新文檔open()方法

使用document.open()建立一個新的視窗或在指定的命令視窗內開啟文檔。由於視窗對象是所載入的父物件,因而我們在調用它的屬性或方法時,不需要加入Window對象。例用Window. Open()與Open()是一樣的。

開啟一個視窗的基本格式:

Window .open("URL","視窗名字","視窗屬性"]

window屬性參數是由一個字串清單項目它由逗號分隔,它指明了有關新建立視窗的屬性。見表7-1所示。

表7-1

參 數

設定值

含 義

toolbar

yes/no

建立或不建立標準工具條

location

yes/no

建立或不建立位置輸入欄位

directions

yes/no

建立或不建立標準目錄按鈕

status

yes/no

建立或不建立狀態條

menubar

yes/no

建立或不建立菜單條

scrollbar

yes/no

建立或不建立捲軸

revisable

yes/no

能否改變視窗大小

width

yes/no

確定視窗的寬度

Height

yes/

確定視窗的高度。

在使用Open()方法時,需要注意以下點。

通常瀏覽器窗中,總有一個文檔是開啟的。因而不需要為輸出建立一個新文檔。

在完成對Web文檔的寫操作後,要使用或調用close()方法來實現對輸出資料流的關閉。

在使用open()來開啟一個新流時,可為文檔指定一個有效文件類型,有效文件類型包括text/HTML、text/gif、text/xim、text/plugin等。

(2)write()、writeln()輸出顯示。

該方法主要用來實現在Web頁面上顯示輸出資訊。在實際使用中,需注意以下幾點:

writeln()與write()唯一不同之處在於在未尾加了一個換符。

為了正常顯示其輸出資訊,必須指明<pre> </Pre>標記,使之告訴編輯器。

輸出的文件類型,可以由瀏覽器中的有效合法文本類型所確定。

(3)關閉文檔流close()

在實現多個文檔對象中,必須使用close()來關閉一個對象後,才能開啟另一個文檔對象。

(4)清除文檔內容clear()

使用該方法可清除已經開啟文檔的內容。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.