重溫JavaScript

    爲什麼說重溫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 中的默認腳本語言。

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