前端基礎(十、JS)
阿新 • • 發佈:2021-02-10
技術標籤:前端學習javascriptjs前端
十、JS
前言
JavaScript 是一門屬於 HTML 和 Web 的程式語言,為學習web開發的必學三種語言之一,其中HTML 定義網頁的內容,CSS 規定網頁的佈局,JavaScript 對網頁行為進行程式設計。也就是說,要完成更高階更復雜的功能,必須要學習JS這門語言。
JS的使用
script標籤
在 HTML 中,JavaScript 程式碼必須位於 <script>
與 </script>
標籤之間
內部編寫
在html檔案中的 <script>
與 </script>
標籤之間直接使用JS編寫
外部指令碼
在 <script>
標籤的 src (source)
屬性中設定指令碼的名稱,如:
<script src="myScript.js"></script>
將JS指令碼名為"myScript.js"
的檔案放入外部檔案
在外部檔案中放置指令碼有如下優勢:
- 分離了 HTML 和程式碼
- 使 HTML 和 JavaScript 更易於閱讀和維護
- 已快取的 JavaScript 檔案可加速頁面載入
外部引用
可通過完整的 URL 或相對於當前網頁的路徑引用外部指令碼,如:
<script src="/js/myScript1.js"></script>
將資料夾中路徑為"/js/myScript1.js"
的檔案引入
helloworld
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" >
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
</style>
</head>
<body>
<script>
var a = "hello world";
// alert(a)
// document.write(a);
console.log(a)
</script>
</body>
</html>
以上程式碼在控制檯輸出“hello world”
基本資料型別
明天繼續哈~~
以上為本萌新個人總結,如有不當之處望指正,有問題可以聯絡
郵箱:[email protected]或
QQ:2635591841
更於2021.2.4