DIV CSS 佈局教程網

11.2 alert()
編輯:JavaScript基礎知識     

一、alert()對話框

在JavaScript中,我們可以使用window對象中的alert()方法來彈出一個對話框。alert()方法,我們已經在前面章節中接觸過N遍了。

語法:

 
alert(message)

說明:

該對話框只是用於提示,並不能對JavaScript腳本產生任何影響。message是必選參數,即提示框的內容信息,這是一個字符串。alert()方法沒有返回值。

舉例:

在線測試
 
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        alert(" 學習網");
    </script>
</head>
<body>
</body>
</html>

在浏覽器預覽效果如下:

1、alert()文本換行

對於alert()方法中的彈出提示文本,如果要實現換行,我們可以使用轉義字符“\n”。更多關於轉義字符,請回去查看“JavaScript特殊數據類型”這一節。

舉例:

在線測試
 
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        alert("HTML;\nCSS;\nJavaScript;\njQuery;\n");
    </script>
</head>
<body>
</body>
</html>

在浏覽器預覽效果如下:

2、alert()文本包含變量

在alert()方法得文本中,我們同樣可以把變量放進去。

舉例:

在線測試
 
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        var str = " 學習網";
        alert(str+"JavaScript入門教程");
    </script>
</head>
<body>
</body>
</html>

在浏覽器預覽效果如下:

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved