(2)javaScript學習(調試、三種輸出方式、匿名函數、void、定時器、string對象、正則表達式、Array數組、Math對象、Date對象)

(一)調試

調試:谷歌瀏覽器,F12,source==>代碼,雙擊設置斷點,刷新頁面,複製想要查看的信息,去console裏面查看即可

下斷點 方法二:在想設置斷點的上方,加一句debugger,然後往下走一步就好

 

因爲直接輸出的是object,類型,所以,調試可以知道具體情況

 

(二)三種輸出方式

  1. document.write()     ==>     寫入到html中
  2. alert()     ==>     彈出一個窗口,警告
  3. 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>

  1. JavaScripts:void(0) 相當於一個死鏈接,沒有什麼作用。會防止鏈接跳轉到其他頁面,安全操作。
  2. JavaScripts:void(函數()) 會執行函數的方法
  3. # 實現了死鏈接,作爲一個錨點,頁面的頂端,點擊一下,再次瀏覽一下當前頁面,使這個鏈接出現已經訪問過的狀態。

 

 

(四)String對象

創建 String 對象的語法:

new String(s);//它返回一個新創建的 String 對象,存放的是字符串 ss 的字符串表示。
String(s);//它只把 s 轉換成原始的字符串,並返回轉換後的值。
  1. 屬性length:字符串的長度
  2. charAt(int index) :返回在指定位置的字符
  3. indexOf(String str) :字符串第一次出現的位置【從0開始計算】
  4. substring(start,end) :截取字符串【左閉右包】
  5. substr(start, length)
  6.  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循環

方法:

  1. 合併多個數組:concat(數組1,數組2.。。)
  2. 刪除數組的最後一個元素:pop()
  3. 在數組的末尾添加新的元素:push(元素)
  4. 用數組的元素組成字符串= join(“連接字符串的符號,默認‘,’”)
  5. 截取數組:slice【跟substring差不多,左閉右包】
  6. 插入、刪除、替換數組元素: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對象

  1. abs(x)     返回數的絕對值。
  2. pow(x,y)     返回 x 的 y 次冪。
  3. random()     返回 0 ~ 1 之間的隨機數。
  4. max(x,y)     返回 x 和 y 中的最高值。
  5. min(x,y)     返回 x 和 y 中的最低值。
  6. ceil(x)     進行向上舍入,即向上取整(除法)
  7. floor(x) 向下取整
  8. 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/>");

效果:

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章