1. 程式人生 > 其它 >前端基礎(十、JS)

前端基礎(十、JS)

技術標籤:前端學習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
以上程式碼在控制檯輸出“hello world”

基本資料型別

明天繼續哈~~
(๑′ᴗ‵๑)愛你❤

以上為本萌新個人總結,如有不當之處望指正,有問題可以聯絡
郵箱:[email protected]
QQ:2635591841

更於2021.2.4