首頁  >  文章  >  web前端  >  JavaScript教學之JavaScript視窗及輸入輸出

JavaScript教學之JavaScript視窗及輸入輸出

黄舟
黄舟原創
2016-12-22 15:37:271415瀏覽

JavaScript 是基於物件的腳本程式語言,那麼它的輸入輸出就是透過物件來完成的。其中有關輸入可透過視窗(Window)物件來完成,而輸出可透過文件(document)物件的方法來實現。

視窗及輸入輸出

請看下面例子:

<html>
<head>
<meta charset="utf-8">
<script languaga="JavaScript">var test = window.prompt("请输入数据:");document.write(test+"JavaScript 输入输出的例子");
</script>
</head>
</html>

其中window.prompt()就是一個視窗物件的方法, 其基本作用是, 當裝入Web 頁面時在螢幕上顯示一個具有「 確定」 和“ 取消” 的對話框,讓你輸出資料。 document.writle 是一個文件物件的方法, 它的基本功能, 是實作 Web 頁面的輸出顯示。

1、視窗物件

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

a、該物件對應於HTML 文件中的

和兩種識別;

b、onload 和onunload 都是視窗物件屬性;

c、在JavaScript腳本中可直接引用視窗物件。如:

window.alert("視窗物件輸入方法")

可直接使用以下格式:

alert("視窗物件輸入方法")


2、視窗物件的事件驅動程式

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


3、視窗物件的方法

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

建立一個新視窗 open()

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

具有 OK 按鈕的對話框

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

具有 OK 和 Cancel 按鈕的對話框

confirm()方法為程式設計人員提供一個具有兩個按鈕的對話框。

具有輸入訊息的對話框

prompt()方法允許使用者在對話框中輸入訊息,並可使用預設值,其基本格式:prompt("提示訊息", 預設值) 。


4、視窗物件中的屬性

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

a、frames 的確文檔中幀的數目。

frames(幀)作為實現一個視窗的分隔操作,起到非常有用的作用,在使用注意以下幾點:frames 屬性是透過HTML 標識 的順序來引用的,它包含了一個視窗中的全部幀數。幀本身已是一類窗口,繼承了窗口物件所有的全部屬性和方法。

b、Parent 指明目前視窗或訊框的父視窗。

c、defaultstatus:預設狀態,它的值顯示在視窗的狀態列中。

d、status:包含文件視窗中幀中的當前資訊。

e、top: 包含的是用以實現所有的下級視窗的視窗。

f、window. 指的是目前視窗。

g、self: 引用目前視窗。


5、輸出流及文檔物件

在 JavaScript 文件物件中, 提供了用於顯示關閉、 消除、 開啟 HTML 頁面的輸出流。

a、建立新文件 open()方法。

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

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

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

window 屬性參數是由一個字串清單項目它由逗號分隔,它指明了有關新建立視窗的屬性。與write()唯一不同之處在於在未尾加了一個換符。器中的有效的合法文字類型所決定。

d、清除文件內容clear()。 .php.cn)!
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn