爲什麼說重溫JS語言呢,是因爲從最初入行時,已經學過JS腳本語言了,但是這一年來一直在研究數據庫和後臺開發,對於JS有些生疏,目前對數據庫的操作以及c#語言有了一定的認知,所以重新學習JS語言的學習。本人學習有一個習慣,不喜歡管中窺豹式的方法, 而是喜歡系統性的學習,打算在博客裏記錄下來自己學習的里程,希望前輩指導,下面開始我的學習歷程。注:基於W3School教程進行學習。
一.基礎 JavaScript 實例
1.生成文本
<!DOCTYPE html> <html> <body> <script type="text/javascript"> document.write("Hello World!") </script> </body> </html>
2.生成普通文本和標籤
<!DOCTYPE html> <html> <body> <script type="text/javascript"> document.write("<h1>Hello World!</h1>")//標籤<h1> </script> </body> </html>
3.head部分
<!DOCTYPE html> <html> <head> <script type="text/javascript"> function message() { alert("該提示框是通過 onload 事件調用的。") } </script> </head> <body onload="message()"> </body> </html>
4.body部分
<!DOCTYPE html> <html> <head> </head> <body> <script type="text/javascript"> document.write("該消息在頁面加載時輸出。") </script> </body> </html>
5.外部 JavaScript
<!DOCTYPE html> <html> <head> </head> <body> <script src="/js/example_externaljs.js"> </script> <p> 實際的腳本位於名爲 "xxx.js" 的外部腳本中。 </p> </body> </html>
註釋:
HTML 中的腳本必須位於 <script> 與 </script> 標籤之間。
腳本可被放置在 HTML 頁面的 <body> 和 <head> 部分中。
<script> 標籤
如需在 HTML 頁面中插入 JavaScript,請使用 <script> 標籤。
<script> 和 </script> 會告訴 JavaScript 在何處開始和結束。
瀏覽器會解釋並執行位於 <script> 和 </script> 之間的 JavaScript。
那些老舊的實例可能會在 <script> 標籤中使用 type="text/javascript"。現在已經不必這樣做了。JavaScript 是所有現代瀏覽器以及 HTML5 中的默認腳本語言。