首頁 > web前端 > js教程 > 主體

JavaScript基本語法講解_JavaScript

WBOY
發布: 2016-05-16 15:57:04
原創
1050 人瀏覽過

 JavaScript由被放置在<script>... </script>的JavaScript語句,在網頁中的HTML標籤。

可以將<script>包含您的JavaScript在網頁的任何地方,但最好的方式是放它在<head>標籤內。 </script>

<script>標記警告瀏覽器程序,開始解釋這些標記之間的所有文字作為一個腳本。所以,JavaScript的語法簡單如下:</script>

複製程式碼 程式碼如下:

script標籤有兩個重要屬性:

  1.     language: 此屬性指定的腳本語言所使用。通常情況下,它的值是JavaScript。雖然最近HTML(和XHTML,其繼任者)的版本已經不再使用這個屬性。
  2.     type: 此屬性是現在被推薦來指示所使用的腳本語言和它的值應被設定為 "text/javascript".

所以,你的JavaScript片段應該是這樣的:

<script language="javascript" type="text/javascript">
 JavaScript code
</script>

登入後複製

第一個JavaScript腳本:

讓我們寫一個範例列印出來 "Hello World".

<html>
<body>
<script language="javascript" type="text/javascript">
<!--
  document.write("Hello World!")
//-->
</script>
</body>
</html>

登入後複製

Javascript程式碼可選HTML註解。這裡是的程式碼不支援JavaScript的瀏覽器。用“//->”註釋結束。 「//」表示在Javascript的註釋,所以我們增加了防止瀏覽器在讀取HTML註解的結尾作為一段JavaScript程式碼。

接下來,我們呼叫一個函數document.write其寫入字串到HTML文件。這個函數可用於寫文本,HTML,或兩者都有。所以,上面的程式碼會顯示以下結果:

Hello World!

登入後複製

空格與換行:

JavaScript忽略空格,製表符和換行符號出現在JavaScript程式。

因為這樣你就可以自由地格式化和縮進程序在一個整潔,一致的方式,使代碼易於閱讀和理解,你可以使用空格,製表符,換行符和自由地在你的程序中。
分號是可選:

一般後面跟著一個分號在JavaScript中簡單的語句,只是因為它們在C,C 和Java。 JavaScript,但是可以忽略這個分號,如果每個語句放置在一個單獨的行。例如,下列程式碼可寫入,而不使用分號

<script language="javascript" type="text/javascript">
<!--
 var1 = 10
 var2 = 20
//-->
</script>

登入後複製

但是,當在一行如下格式化,分號是必需的:

<script language="javascript" type="text/javascript">
<!--
 var1 = 10; var2 = 20;
//-->
</script>

登入後複製

註:使用分號是一個好的程式設計習慣。
區分大小寫:

JavaScript是一種區分大小寫的語言。這意味著,語言的關鍵字,變量,函數名,以及任何其他的標識符必須始終用一個字母一致寫入大小寫。

所以標識符Time, TIme 和TIME 在JavaScript中有不同的意義。

註:在變數和函數名稱在JavaScript中應注意。
JavaScript中的註解:

JavaScript 支援C風格和C 風格的註釋,因此:

  •     //和行結束之間的所有文字將被視為一個註釋,是會被JavaScript忽略。
  •     任何文字在/*和*/之間的字元被視為註解。這可能會跨越多行。
  •     JavaScript也承認HTML註解開啟順序無法識別,所以JavaScript應該寫成//-->。

範例:

<script language="javascript" type="text/javascript">
<!--

// This is a comment. It is similar to comments in C++

/*
 * This is a multiline comment in JavaScript
 * It is very similar to comments in C Programming
 */
//-->
</script>

登入後複製

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板