智能聯想
創建一個無序列表,里面包含5項
UI>li5
創建一個2行2列的表格
div>table>(tr>td2)*2
javascript 是事件驅動的一門語言(要先有個事件觸發他,然后js再去做相應的事情)
JavaScript的作用
1.可以實現網頁間的動態效果
2.可以實現表單驗證,減輕服務器壓力。
JavaScript是對象和事件結合,觸發一段代碼。
JavaScript是腳本語言,與java不同,java屬于編譯語言,腳本語言不需要像java那樣編譯器,而直接可以運行在電腦上的程序,就叫腳本語言。而編譯語言需要編譯器編譯成字節,再放在電腦上運行。
JavaScript的組成
ecmascript---全球的腳本語言標準
dom-document object model 文檔模型
bom-brower object model
瀏覽器模式
網頁中如何位置只要嵌入如下代碼,就可以執行JavaScript腳本
<script type="text/javascript">
</script>
javascript也可以縮寫js
js中注釋//
調用:var value=aaa(3,14,5,6)
console.log(value1);
script標簽可以寫在header中,body中,body的下面都可以。
執行時機:首先要加載到網頁中,并且被觸發了,才執行。
document.write()向文檔流中寫入某些內容(向網頁中打印內容)。
document 對象是js中最常見的對象,表示網頁文檔(空白區域)
js引入的三種方式
1.頁內引入 直接寫script腳本
2.外部鏈接 script src
3.行內引用 JavaScript:***();
通常可以寫js給我們自帶的一些方法。
js核心語法
js是一門弱型的編程語言,區別于java,java可以叫強類型的編程語言,區別:變量定義時不用指定數據類型,數組存儲數據時,可以多種數據類型的值存在在一個數組中。
1.變量
--定義用var開頭
--變量名規范同java
(先聲明變量再賦值
例:var width;width=5;
同時聲明和賦值變量
例:var catName=“皮皮”;var x,y,z=10;
不聲明直接賦值
例:width=10;
變量可以不聲明直接使用,但這種方法很容易出錯,也很難查找排錯,不推薦使用)
--js嚴格區分大小寫,a A是兩個變量。
var lowwer=shuzu[i].toLowerCase()轉換成小寫單詞。
indexOf()判斷查找某個指定的字符串在字符串中首次出現的位置。
charAt(index)返回在指定位置的字符。
定以后,變量表示尚未初始化,是undefined的,只有給他賦值后,才能使用。
2.數據類型
number 數值型
NaN 非數值型 isNaN()
boolean
Date
String
undefined
null
數組
對象類型
3.String類型的相關使用
4.typeof()--判斷返回某個變量的數據類型是什么
-undefined:變量被聲明后,但未被賦值
例:var i;
-string:用單引號或雙引號來聲明的字符串
-boolean:true或false
-number:整數或浮點數
-object:JavaScript中的對象,數組和null
核心語法-數組
創建數組
var 數組名稱=new Array(size)
數組常用屬性和方法
屬性:length設置或返回數組中元素的數目
方法:1.join()把數組的所有元素放入一個字符串,通過一個分隔符進行分隔
2.sort()對數組排序
if條件語句循環語句
循環中斷
核心語法-常用的輸入、輸出
alert(“提示信息”)
prompt(“提示信息”,“輸入框的默認信息”)
例:prompt(“請輸入姓名”,“張三”)
prompt(“請輸入姓名”)
核心語法
代碼區分大小寫
變量,對象和函數的名稱
分號
調用函數
函數調用一般和表單元素的事件一起使用,調用格式:
事件名=“函數名()”;
常用系統函數
parseInt(“字符串”)
將字符串轉換為整型數字
如:parseInt(“86”)將字符串“86”轉換為整型值86.
parseFloat(“字符串”)
將字符串轉換為浮點型數字
isNaN()用于檢查其參數是否是非數字
自定義函數語法
function函數名(參數1,參數2,參數3...){
//JavaScript語句;
【return返回值】
}
函數定義:函數沒有返回值聲明,函數里如果沒有return,就是沒有返回值,或者return
函數入參,不能有var
沒有入參,就沒有返回值
函數的入參可以是函數
-自定義函數使用關鍵字function,調用函數常使用的格式:事件名=“函數名()”;
所有從頁面上收集上來的數都是字符串
parseInt字符串轉整數
parseFloat字符串轉小數
Number(“2”)--2,Number(“2.2”)--2.2,
Number(“2a”)--NaN,
eval(num1+operator+num2)將數字和字符串轉換成正
常表達式運算而不是拼接
setTimeout("showDate()",1000) 入參1 函數名,入參
2 毫秒數
setTimeout()延時一段時間再執行
setInterval()每隔一段時間執行
showDate()在頁面上實時顯示系統時間
js es5 變量的作用域分為兩種,一種是函數級(var)
,一種是全局(不寫var)
es6 let聲明變量 塊級作用域
總結:
-在HTML頁面中引用JavaScript有三種方式
-常用的輸入/輸出是prompt()和alert()方法。
-常用的系統函數有parseInt(),parseFloat()和isNaN();