JavaScript學習指南筆記
- JavaScript屬於網絡端的腳本語言。
- JavaScript 被數百萬計的網頁用來改進設計、驗證表單、檢測瀏覽器、創建cookies,以及更多的應用。
- 能夠與網頁進行完美的集成。、
- 目前在因特網領域,也是比較流行的一種腳本語言。
- JavaScript是一種輕量級的編程語言。
- JavaScript是可插入HTML頁面的編程代碼。
- JavaScript插入HTML頁面後,可有所有的瀏覽器所執行。
- 其中,JavaScript是不需要安裝任何額外的軟件,也沒有配置組件的路徑等等這些繁瑣的過程!與Java的開發和Android的開發的區別很大,因爲這些的開發過程中,你需要搭建開發環境和開發平臺,以便用戶體驗開發問題等等!
HTML 中的腳本必須位於 <script> 與 </script> 標籤之間。
腳本可被放置在 HTML 頁面的 <body> 和 <head> 部分中。
<!DOCTYPE html>
<html>
<body>
<p>
JavaScript 能夠直接寫入 HTML 輸出流中:
</p>
<script>
document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph.</p>");
</script>
<p>
您只能在 HTML 輸出流中使用 <strong>document.write</strong>。
如果您在文檔已加載後使用它(比如在函數中),會覆蓋整個文檔。
</p>
</body>
</html>
我們需要在某個事件發生時執行代碼,比如當用戶點擊按鈕時。
如果我們把 JavaScript 代碼放入函數中,就可以在事件發生時調用該函數。
<head> 或 <body> 中的 JavaScript
您可以在 HTML 文檔中放入不限數量的腳本。
腳本可位於 HTML 的 <body> 或 <head> 部分中,或者同時存在於兩個部分中。
通常的做法是把函數放入 <head> 部分中,或者放在頁面底部。這樣就可以把它們安置到同一處位置,不會干擾頁面的內容。
<head> 中的 JavaScript 函數
<!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" οnclick="myFunction()">Try it</button>
</body>
</html>
外部的JavaScript
也可以把腳本保存到外部文件中。外部文件通常包含被多個網頁使用的代碼。
外部 JavaScript 文件的文件擴展名是 .js。
如需使用外部文件,請在 <script> 標籤的 "src" 屬性中設置該 .js 文件
<!DOCTYPE html>
<html>
<body>
<h1>My Web Page</h1>
<p id="demo">A Paragraph.</p>
<button type="button" οnclick="myFunction()">點擊這裏</button>
<p><b>註釋:</b>myFunction 保存在名爲 "myScript.js" 的外部文件中。</p>
<script type="text/javascript" src="/js/myScript.js"></script>
</body>
</html>