(一)調試
調試:谷歌瀏覽器,F12,source==>代碼,雙擊設置斷點,刷新頁面,複製想要查看的信息,去console裏面查看即可
下斷點 方法二:在想設置斷點的上方,加一句debugger,然後往下走一步就好
因爲直接輸出的是object,類型,所以,調試可以知道具體情況
(二)三種輸出方式
- document.write() ==> 寫入到html中
- alert() ==> 彈出一個窗口,警告
- console.log() ==> 寫入到控制檯中
(三)特殊的函數
(1)匿名函數
沒有名字的函數,可以直接賦值給一個變量(相當於這個匿名函數的方法名)
var test = function(){
document.write("hello,world!");
}
使用注意:調用這個函數,test()
直接調用test,輸出如下,將代碼給輸出了
(2)定時器
兩個方法:
1.setTimeout():用於在指定的毫秒數後調用函數或計算表達式,只執行 code 一次
2.setInterval():按照指定的週期(以毫秒計)來調用函數或計算表達式。
方法一:
var clock = setTimeout(function(){
alert("who am i ");
},3000)
方法二:
var clock = setInterval(function(){
document.write("who am i ");
},3000)
(3)void函數
void是一個操作符:該操作符指定要計算一個表達式但是不返回值
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript">
function str(){
document.write("who am i ");
}
</script>
</head>
<body>
<a href="JavaScript:void(0)">點擊1</a>
<a href="JavaScript:void(str())">點擊2</a>
<a href="#">點擊3</a>
</body>
</html>
- JavaScripts:void(0) 相當於一個死鏈接,沒有什麼作用。會防止鏈接跳轉到其他頁面,安全操作。
- JavaScripts:void(函數()) 會執行函數的方法
- # 實現了死鏈接,作爲一個錨點,頁面的頂端,點擊一下,再次瀏覽一下當前頁面,使這個鏈接出現已經訪問過的狀態。
(四)String對象
創建 String 對象的語法:
new String(s);//它返回一個新創建的 String 對象,存放的是字符串 s 或 s 的字符串表示。 String(s);//它只把 s 轉換成原始的字符串,並返回轉換後的值。
- 屬性length:字符串的長度
- charAt(int index) :返回在指定位置的字符
- indexOf(String str) :字符串第一次出現的位置【從0開始計算】
- substring(start,end) :截取字符串【左閉右包】
- substr(start, length)
- replace(old, new) :替換字符串
(五)正則表達式
var reg = new RegExp(/\d{5}/);//創建正則表達式的對象,"\d":是否是整數;"{5}":是否至少有5個
var str = "sdaf1232345";
var flag = reg.test(str);//對象.test()方法
alert(flag);
(六)Array數組
四種創建方式:
//創建空的數組
var array = new Array();
var array1 = [];
//創建有值的數組
var array2 = new Array(7,9);
var array3 = [7,9];
alert(array2)
遍歷:for循環
方法:
- 合併多個數組:concat(數組1,數組2.。。)
- 刪除數組的最後一個元素:pop()
- 在數組的末尾添加新的元素:push(元素)
- 用數組的元素組成字符串= join(“連接字符串的符號,默認‘,’”)
- 截取數組:slice【跟substring差不多,左閉右包】
- 插入、刪除、替換數組元素:splice【對原數組進行修改,而且不能賦給其他數組,沒有用】
var arr = [1,2,3,4,5];
alert(arr);
arr.splice(2,0,'0');//第二位是0表示插入
alert(arr);
arr.splice(2,2);//只有兩個參數,且第二位>0表示刪除
alert(arr);
arr.splice(2,2,7,9);//多於兩個參數,第二位參數>0,表示替換,後面的參數拿過來替換之前的部分
alert(arr);
(七)Math對象
- abs(x) 返回數的絕對值。
- pow(x,y) 返回 x 的 y 次冪。
- random() 返回 0 ~ 1 之間的隨機數。
- max(x,y) 返回 x 和 y 中的最高值。
- min(x,y) 返回 x 和 y 中的最低值。
- ceil(x) 進行向上舍入,即向上取整(除法)
- floor(x) 向下取整
- round(x) 四捨五入
使用:Math.方法()
(八)Date對象
Var date = new Date();//創建Date對象,來獲取當前時間
格式化,調用方法
toDateString() 把 Date 對象的日期部分轉換爲字符串。
toLocaleString() 根據本地時間格式,把 Date 對象轉換爲字符串。
toLocaleTimeString() 根據本地時間格式,把 Date 對象的時間部分轉換爲字符串。
toLocaleDateString() 根據本地時間格式,把 Date 對象的日期部分轉換爲字符串。
var date = new Date();
document.write("date: "+date.toString()+"<br/>");
document.write("date.toDateString(): "+date.toDateString()+"<br/>");
document.write("date.toLocaleDateString(): "+date.toLocaleDateString()+"<br/>");
document.write("date.toLocaleTimeString(): "+date.toLocaleTimeString()+"<br/>");
document.write("date.toLocaleString(): "+date.toLocaleString()+"<br/>");
效果: