如何在檔案中添加腳本和參考js-有解無憂

摘要：如何在HTML檔案中添加JavaScript代碼，參考獨立JS檔案，和JS變數宣告、變數型別，如何對它們進行賦值、改變、計算等一系列操作，掌握不同運算子的使用方法，靈活運用算術運算子、比較運算子、邏輯運算子對變數和數值進行操作，

Web前端開發師需要掌握什么技術?也許你已經了解HTML標記(也稱為結構)，知道了CSS樣式(也稱為表示)，會使用HTML+CSS創建一個漂亮的頁面，但這還不夠，它只是靜態頁面而已，我們還需使用JavaScript增加行為，為網頁添加動態效果，

JavaScript能做什么？

增強頁面動態效果(如:下拉選單、圖片輪播、資訊滾動等)
實作頁面與用戶之間的實時、動態互動(如:用戶注冊、登陸驗證等)

JS進階篇學習什么

在JavaScript入門篇中，我們學習了如何插入JS、輸出內容及簡單的DOM操作，JavaScript進階篇進一步的了解JS的變數、陣列、函式、語法、物件、事件、DOM操作，制作簡單的網頁動態效果，

在網頁中插入JS代碼，實作輸出"JS進階篇",并彈出對話框，內容為"關注JS高級篇"，

 1     <!DOCTYPE html>
 2     <html>
 3         <head>
 4             <meta charset="utf-8">
 5             <title></title>
 6             <script type="text/javascript">
 7                 document.write('js進階篇');
 8                 alert('關注JS高級篇')
 9             </script>
10         </head>
11         <body>
12         </body>
13     </html>

測驗在html頁面中的插入JavaScript腳本，打開頁面時，在頁面中顯示一句話 : "系好安全帶,準備啟航--目標JS"，并彈出一個提示框："準備好了，起航吧！"相關要求：

第一步:把注釋陳述句注釋，
第二步:撰寫代碼，在頁面中顯示 “系好安全帶,準備啟航--目標JS”文字；
第三步:撰寫代碼，在頁面中彈出提示框“準備好了，起航吧！”(提示: 可以把彈框方法寫在函式里，)
第四步:使用引入JS外部檔案的方式實作以上的任務

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8" />
 5         <title></title>
 6         <!--引入外部檔案的方式-->
 7         <script src="" type="text/javascript"></script>
 8         <script type="text/javascript">
 9         //單行注釋
10         /*
11         我是多行注釋！
12         我需要隱藏，
13         否則會報錯哦！
14         */
15         //在頁面中顯示文字
16         document.write('開始學習JS基礎語法');
17         //頁面中彈出提示框
18         alert('準備好了，起航吧！');
19         </script>
20     </head>
21     <body>
22     </body>
23 </html>

轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/124768.html

標籤：JavaScript

上一篇：React JSX簡單案例演示

下一篇：React 組件簡單演示