简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > js教程 > 主體

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

黄舟
發布： 2016-12-22 15:37:27
原創
1409 人瀏覽過

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）！
相關標籤：
JavaScript教程，JavaScript窗口
來源：php.cn
上一篇：JavaScript教程之腳本實現頁面資訊交互 下一篇：JavaScript教程之物件系統的使用
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
"waitForSelector"在元素可見前超時等待，儘管元素在螢幕上 我正在建造一個結帳機器人，但是在處理那些愚蠢的“輸入手機號碼以接收短信”的彈窗時遇到了麻煩，我告訴機器人要點擊的元素出現在屏幕上，但機器人卻不點擊它。這是我第一個使用JavaScr...
來自於 2024-04-04 18:31:08
0
1
1416
我無法將螢幕上的任何內容置中對齊 我正在關注YouTube教程，了解如何使用CSS在HTML上製作響應式導航欄，一切都很順利，直到我嘗試在屏幕中央添加文本，它出現在屏幕左側（僅當窗口分辨率高於952px寬時）。我對...
來自於 2024-04-01 11:51:40
0
2
303
建立穿孔容器：逐步指南 我正在製作有關如何首次使用我的應用程式的教學。所以它看起來像一個關於如何使用按鈕的彈出窗口在教程中，我想讓背景變暗，並出現一個圓圈，該圓圈將圍繞按鈕，並且有一個教程文本所以，我想製...
來自於 2024-03-31 11:20:02
0
2
301
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！