前端|Js的基礎知識介紹
- 2019 年 11 月 11 日
- 筆記
問題描述
Js全稱是Javascript，是一種基於對象和事件驅動並具有相對安全性的客戶端腳本語言。同時也是一種廣泛用於客戶端Web開發的腳本語言，常常用來給HTML網頁添加動態效果，從而實現人機交互的網頁。
解決方案
2.1 在網頁中插入js的方法
在網頁中插入js的方法有三種，即：直接加入HTML文檔，連接腳本文件，在HTML標籤內添加腳本。
（1）直接加入HTML文檔：就是將js的腳本程式包括在HTML中，使其成為HTML文檔中的一部分。
格式:
|
<script type=「text/javascript」>……</script> |
|---|
(2) 連接腳本文件
基本格式：
|
<script type=「text/javascript」 src=」文件名.js」></script> |
|---|
(3) 在HTML標籤內添加腳本
事例：
|
<input name="btn" type="button" value="彈出消息框" onclick="javascript:alert('歡迎你');"/> |
|---|
2.2 聲明函數
函數是完成特定任務的程式碼語句塊。函數就是用來執行任務的程式碼塊，函數需要通過調用的方式來完成程式碼的執行，函數的最大好處：包含在函數內容的程式碼塊，可以重複執行。JS中的函數，大家把它想像成JAVA中方法即可理解，函數的作用：將完成任務的程式碼塊"封裝」起來，供其他調用方無限制的使用。
（1）var：用於聲明變數的關鍵字
①先聲明變數再賦值
②同時聲明和賦值變數
③不聲明直接賦值
|
var color；color=red；var color=red;color=red; |
|---|
(2) function: 使用function關鍵字聲明一個函數，再指定一個函數名，叫函數聲明。
基本格式：function functionname(){變數1，變數2……}
圖2.1函數介紹
用js列印九九乘法表
|
<script type="text/javascript" >var k=prompt("請輸入列印的行數");//prompt() 方法用於顯示可提示用戶進行輸入的對話框 for(var i=1;i<=9;i++) { for(var j=1;j<=i;j++) { sum=i*j; document.write(j,"*",i,"=",sum," "); }// document是獲取文檔對象也就是你當前的html頁面//document.write是向頁面上列印出內容 document.write("<br/>") }</script> |
|---|
圖3.1顯示效果
圖3.2顯示效果
計算兩個數相加的和
|
<script type="text/javascript"> var op1=prompt("請輸入第一個數：","") var op2=prompt("請輸入第二個數：","") var p1=parseInt(op1); var p2=parseInt(op2); var result=p1+p2; document.write(p1+"+"+p2+"="+result);</script> |
|---|
圖3.3顯示效果
圖3.4顯示效果
JavaScript的功能十分強大，可以實現多種功能，如表單驗證、動態特效等。JavaScript的作用簡單來說就是給網頁化妝，使其進一步美化。
實習編輯 | 王楠嵐
責 編 | 劉 連
