JS常用互動方法

2022-08-20 16:30:11 字數 3281 閱讀 5258

document.write()可用於直接向 html 輸出流寫內容。簡單的說就是直接在網頁中輸出內容。

第一種:輸出內容用""括起,直接輸出""號內的內容。

第二種:通過變數,輸出內容

第三種:輸出多項內容,內容之間用+號連線。

第四種:輸出html標籤,並起作用,標籤使用""括起來。

我們在訪問**的時候,有時會突然彈出乙個小視窗,上面寫著一段提示資訊文字。如果你不點選「確定」,就不能對網頁做任何操作,這個小視窗就是使用alert實現的。

語法:

alert(字串或變數);
看下面的**:

注:alert彈出訊息對話方塊(包含乙個確定按鈕)。

結果:按順序彈出訊息框

注意:

1. 在點選對話方塊"確定"按鈕前,不能進行任何其它操作。

2. 訊息對話方塊通常可以用於除錯程式

3. alert輸出內容,可以是字串或變數,與document.write 相似。

confirm 訊息對話方塊通常用於允許使用者做選擇的動作,如:「你對嗎?」等。彈出對話方塊(包括乙個確定按鈕和乙個取消按鈕)。

語法:

confirm(str);
引數說明:

str:在訊息對話方塊中要顯示的文字返回值:boolean值
返回值:

當使用者點選"確定"按鈕時,返回true

當使用者點選"取消"按鈕時,返回false

注:通過返回值可以判斷使用者點選了什麼按鈕看下面的**:

結果:

注: 訊息對話方塊是排它的,即使用者在點選對話方塊按鈕前,不能進行任何其它操作。

prompt彈出訊息對話方塊,通常用於詢問一些需要與使用者互動的資訊。彈出訊息對話方塊(包含乙個確定按鈕、取消按鈕與乙個文字輸入框)。

語法:

prompt(str1, str2);
引數說明:

str1: 要顯示在訊息對話方塊中的文字,不可修改

str2:文字框中的內容,可以修改

返回值:

1. 點選確定按鈕,文字框中的內容將作為函式返回值

2. 點選取消按鈕,將返回null

看看下面**:

var myname=prompt("請輸入你的姓名:");

if(myname!=null)

else

結果:

注:在使用者點選對話方塊的按鈕前,不能進行任何其它操作。

open() 方法可以查詢乙個已經存在或者新建的瀏覽器視窗。

語法:

window.open([url], [視窗名稱], [引數字串])
引數說明:視窗名稱:可選引數,被開啟視窗的名稱。

1.該名稱由字母、數字和下劃線字元組成。

2."_top"、"_blank"、"_self"具有特殊意義的名稱。

_blank:在新視窗顯示目標網頁

_self:在當前視窗顯示目標網頁

_top:框架網頁中在上部視窗中顯示目標網頁

3.相同 name 的視窗只能建立乙個,要想建立多個視窗則 name 不能相同。

4.name 不能包含有空格。引數字串:可選引數,設定視窗引數,各引數用逗號隔開。

參數列:

注意:執行結果考慮瀏覽器相容問題。

close()關閉視窗

用法:

window.close();   //關閉本視窗

《視窗物件》.close();   //關閉指定的視窗
例如:關閉新建的視窗。

注意:上面**在開啟新視窗的同時,關閉該視窗,看不到被開啟的視窗。

javascript常用互動方法

1.輸出內容 document.write 2.確認 confirm str 返回值為boolean型別 function rec 3.提問 prompt str str str1 要顯示的訊息對話方塊中的文字,不可修改 str2 文字框中的內容,可以修改 var myname prompt 請輸入...

js工具 js常用方法,js常用判斷方法

function obj id 根據id得到物件 function val id 根據id得到物件的值 function trim str 刪除左邊和右邊空格 function ltrim str 刪除左邊空格 function rtrim str 刪除右邊空格 function isempty s...

QCefView C 與JS互動的方法

qt嵌入cef,使用qcefview比較 簡單些,很多功能 都已經整合好了,使用比較方便,關於如何搭建cef環境與編譯qcefview,這裡就不說了,網上有很多文章,而且通過編譯除錯qcefview,也可以加強對qcefview的了解,這裡主要整理下我對qcefview的c 與js的通訊方法。進入正...