首頁 > 開發者 > JavaScript
標籤：
一、簡介：
JavaScript是個指令碼語言，需要有宿主檔案，他的宿主檔案是HTML檔案。
JavaScript 是屬於 web 的語言，它適用於 PC、膝上型電腦、平板電腦和行動電話。
JavaScript 被設計為向 HTML 頁面增加互動性。
許多 HTML 開發人員都不是程式員，但是 JavaScript 卻擁有非常簡單的文法。幾乎每個人都有能力將小的 JavaScript 片段添加到網頁中。
提示：JavaScript 與 Java 是兩種完全不同的語言，無論在概念還是設計上。
Java（由 Sun 發明）是更複雜的程式設計語言。
ECMA-262 是 JavaScript 標準的官方名稱。
JavaScript 由 Brendan Eich 發明。它於 1995 年出現在 Netscape 中（該瀏覽器已停止更新），並於 1997 年被 ECMA（一個標準協會）採納。
缺點：不能對資料庫進行操作。
其注釋語言與C#相同，都用”//“.
JavaScript用法：
1、JavaScript的位置有三個：
1）、head裡面
<head> 中的 JavaScript 函數在本例中，我們把一個 JavaScript 函數放置到 HTML 頁面的 <head> 部分。
該函數會在點擊按鈕時被調用：
執行個體<!DOCTYPE html><html><head><script>function myFunction(){document.getElementById("demo").innerHTML="My First JavaScript Function";}</script></head><body><h1>My Web Page</h1><p id="demo">A Paragraph</p><button type="button" onclick="myFunction()">Try it</button></body></html>
2）、body裡面
<body> 中的 JavaScript 函數在本例中，我們把一個 JavaScript 函數放置到 HTML 頁面的 <body> 部分。
該函數會在點擊按鈕時被調用：
執行個體<!DOCTYPE html><html><body><h1>My Web Page</h1><p id="demo">A Paragraph</p><button type="button" onclick="myFunction()">Try it</button><script>function myFunction(){ document.getElementById("demo").innerHTML="My First JavaScript Function";}</script></body></html>
提示：我們把 JavaScript 放到了頁面代碼的底部，這樣就可以確保在 <p> 元素建立之後再執行指令碼。
3）、</html>或者</body>之後
為了保險起見，最好寫在</body>之後
2、關鍵字：script
格式：<script type="text/JavaScript">要寫的代碼</script>
HTML 中的指令碼必須位於 <script> 與 </script> 標籤之間。
指令碼可被放置在 HTML 頁面的 <body> 和 <head> 部分中。
<script> 標籤如需在 HTML 頁面中插入 JavaScript，請使用 <script> 標籤。
<script> 和 </script> 會告訴 JavaScript 在何處開始和結束。
<script> 和 </script> 之間的程式碼包含了 JavaScript：
<script>alert("My First JavaScript");</script>
無需理解上面的代碼。只需明白，瀏覽器會解釋並執行位於 <script> 和 </script> 之間的 JavaScript。
那些老舊的執行個體可能會在 <script> 標籤中使用 type="text/javascript"。現在已經不必這樣做了。JavaScript 是所有現代瀏覽器以及 HTML5 中的預設指令碼語言。
3、引用外部檔案（外聯）：添加外聯，必須要寫在head中。
也可以把指令碼儲存到外部檔案中。外部檔案通常包含被多個網頁使用的代碼。
建立一個js檔案——然後在源檔案中引用：
格式：<script type="text/JavaScript" src="建立檔案夾名.js">
外部 JavaScript 檔案的副檔名是 .js。
在 <head> 或 <body> 中引用指令檔都是可以的。實際運行效果與您在 <script> 標籤中編寫指令碼完全一致。
提示：外部指令碼不能包含 <script> 標籤。
4、三個常用對話方塊：
1）、alert("")——警告對話方塊，作用是彈出一個對話方塊,alert() 函數在 JavaScript 中並不常用，但它對於代碼測試非常方便。
2）、confirm("")——確定對話方塊，作用是彈出一個可供選擇的確定對話方塊，點擊確定，返回True;點擊取消，返回False；可以用變數來接收。
3）、prompt("")——彈出一個可輸入內容的對話方塊，顯示要提示的文字；
例如：
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>無標題文檔</title></head><body></body><script type="text/javascript"> alert("警告：出現錯誤！"); </script></html>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>無標題文檔</title></head><body></body><script type="text/javascript"> confirm("確定修改嗎？確定退出嗎？"); </script></html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>無標題文檔</title></head><body></body><script type="text/javascript"> prompt("請輸入一個數字","注意輸入的是數字哦！"); </script></html>
HTML——JavaScript簡介
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
