Javascript(二)

一.JavaScript 代碼

JavaScript 代碼(或者只有 JavaScript)是 JavaScript 語句的序列。

瀏覽器會按照編寫順序來執行每條語句。

document.getElementById("demo")//獲取元素

document.getElementById("demo").innerHTML="Hello World";//將HTML中id爲"demo"和"myDiv"的內容爲"Hello World"和"How are you?";

本例將操作兩個 HTML 元素:

<!DOCTYPE html>
<html>
<body>
<h1>My Web Page</h1>
<p id="demo">A Paragraph.</p>
<div id="myDIV">A DIV.</div>
<script>
document.getElementById("demo").innerHTML="Hello World";
document.getElementById("myDIV").innerHTML="How are you?";
</script>
</body>
</html>

二.點擊button按鈕把p1按鈕和p2按鈕變換內容

<!DOCTYPE html>
<html>
<body>
<p>my page</p>
<p id="demo">p1標籤</p>
<p id="myDIV">p2標籤</p>
<button type="button" onclick='bClick()'>點擊button按鈕把p1按鈕和p2按鈕變換內容</button>
<script>
function bClick()
{
 document.getElementById("demo").innerHTML="HelloWorld";
 document.getElementById("myDIV").innerHTML="How are you?";
}
</script>
</body>
</html>

三.JavaScript 對大小寫敏感。

JavaScript 對大小寫是敏感的。

當編寫 JavaScript 語句時,請留意是否關閉大小寫切換鍵。

函數 getElementById 與 getElementbyID 是不同的。

同樣,變量 myVariable 與 MyVariable 也是不同的。

四.空格

JavaScript 會忽略多餘的空格。您可以向腳本添加空格,來提高其可讀性。下面的兩行代碼是等效的:

var name="Hello";

var name = "Hello";

五.對代碼行進行折行
可以在文本字符串中使用反斜槓對代碼行進行換行。下面的例子會正確地顯示:

document.write("Hello \

World!");

 

 

不過,不能像這樣折行:

document.write \
("Hello World!");

 

 六.JavaScript 是腳本語言。瀏覽器會在讀取代碼時,逐行地執行腳本代碼。而對於傳統編程來說,會在執行前對所有代碼進行編譯。

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章