標籤：執行 變數範圍 ase body 號碼 dev lis val pps
變數和函式宣告提升定義
Var a=100;
Function test(){
這時候由於變數聲明提升，a變數已經聲明，值為undefined
Console.log(a);
Var a=10;
}
資料類型檢測方法：typeof（）
函數用法
indexOf 擷取索引值
charAt 根據索引值擷取單個字元
concat連接字串
subStr擷取部分字串
substring擷取部分字串
slice擷取部分字串
split（”,”）分割
join合并
字串大小寫轉換
toLowerCase （小）
toUpperCase （大）
shift unshift 從數組開頭開始添加或者刪除
pop push 從數組末尾添加或者刪除
concat：返回一個新數組，是將參數添加到原數組中構成的
排序 sort 從小到大 reverse 從大到小排序
slice(start,end) 數組截取
join(“|”) 數組拼接成字串1|2|3|4|5
splice(start,deleteCount,val1,val2,...)：
從start位置開始刪除deleteCount項，並從該位置起插入val1,val2,..
console.log(‘擷取日期‘)
date = new Date();
console.log(date.getFullYear()) //擷取完整的年份
console.log(date.getYear()) //擷取當前年份
console.log(date.getMonth()) //擷取當前月份
console.log(date.getDate()); //擷取幾號
console.log(date.getDay()); //擷取星期幾
console.log(‘擷取時間‘)
date = new Date();
console.log(date.getHours()) //擷取小時
console.log(date.getMinutes()); //擷取分
console.log(date.getSeconds()); //擷取秒
console.log(date.getMilliseconds()); // 擷取毫秒
console.log(date.getTime()); // 擷取相對於1970-01-01的毫秒值
//設定時間
date = new Date();
date.setFullYear(9999); // => 9999年
date.setMonth(11); // => 11：月；實際為12月份(月份從0開始計算)
date.setDate(25); // => 25：日
date.setHours(15); // => 15：時
date.setMinutes(30); // => 30：分
date.setSeconds(40); // => 40：秒
date.setMilliseconds(333); // => 333：毫秒
console.log(date); // => 9999年12月25日 15點30分40秒 333毫秒
Math
round(x) 把數四捨五入為最接近的整數。
random() 返回 0 ~ 1 之間的隨機數。
點擊事件
Onclick
Click
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<button id="btn1">aa</button>
<button id="btn2">bb</button>
<button id="btn3" onclick="change()">cc</button>
<button id="btn4">ee</button>
<button id="btn5" onclick="change()">ff</button>
</body>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
//點擊事件 onclick是事件，而click是方法
$(function () {
//第一種方法addEventListener添加的事件 removeEventListener() 方法來移除
var btn1=document.getElementById(‘btn1‘);
var btn2=document.getElementById(‘btn2‘);
btn1.addEventListener(‘click‘,change);
btn2.addEventListener(‘click‘,function(){alert(this.id)},false);
//第二種方法
//click本身是方法作用是觸發onclick事件，只要執行了元素的click()方法，就會觸發onclick事件。
$("#btn4").click(function(){
$("#btn3").click();
}) ;
//click方法中的function代碼會在onclick事件執行完後執行，此時click方法起到追加事件的作用
$("#btn5").click(function() {
alert("click btn5");
});
// document.getElementById("btn3").onclick();
// document.getElementById("btn3").click();
});
function change() {
alert("onclick btn3");
}
</script>
</html>
滑鼠移上離開事件
Onmouseenter滑鼠移上
Onmouseleave滑鼠離開
dbclick事件：迅速連續的兩次點擊時觸發
mousedown事件：按下滑鼠時觸發
mouseup事件：鬆開滑鼠時觸發
toggle事件：滑鼠點擊切換事件
hover事件滑鼠指標懸停
mouseover事件：滑鼠從一個元素移入另一個元素時觸發
mouseout事件：滑鼠移出元素時觸發
焦時間點事件
focus() 擷取焦點
blur() 失去焦點
<input type="text"><span>請輸入你的電話號碼?</span>
$("input").focus(function(){
$("span").css("display","inline").fadeOut(2000);
});
//失去焦點
$("input").blur(function(){
alert("輸入框失去了焦點");
});
常見題目
1.將一個變數放在外面和放在函數中的區別：
將一個變數放在外面，一般稱之為全域變數：當前頁面內有效
將一個變數放在一個函數中，一般稱之為局部變數：只在函數內有效
2. ”==”和“===”的不同
==表示相等：只要值相等就可以了，資料類型不一定相等（會自動做類型轉換）
1==‘1’（相等）
===表示全等於：比較的時候必須值和資料類型都相等才相等
1===‘1’（不相等）
3.函數
知道函數其實就是一個工具，我們只需要學會使用工具就可以實現某個功能
這就是封裝性
4. split() join() 的區別
前者是切割成數組的形式，後者是將數群組轉換成字串
5.題目
5.1寫個函數將string的每個字元之間加個空格返回，例如：
addSpace(“hello world”) // -> ‘h e l l o w o r l d’
5.2已知有字串”get-element-by-id”,寫一個function將其轉化成駝峰標記法getElementById
5.3 寫一個函數，實現如下功能：
字串反轉，如將 ‘12345678‘ 變成 ‘87654321‘
js基礎整理總結
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
