天天看點

js内置函數js内置函數

js内置函數

isNaN(i)

判斷參數i是否是非數值類型。

<script type="text/javascript">
	var a = 1;
	var b = false;
	var c = "abc";
	var d;
	var e = null;

	// isNaN(a),a為數字,則傳回false,a不是數字,傳回false
	// 空字元串null和布爾值會被強制轉換為數值0或1,是以也會傳回false
	alert(isNaN(a)+" "+isNaN(b)+" "+isNaN(c)+" "+isNaN(d)+" "+isNaN(e));
</script>
           
js内置函數js内置函數

parseInt(a,i)

将數值類型字元串a轉換為十進制的數,i為a的進制類型

// 将數值類型字元串a轉換為十進制的數,i為a的進制類型
alert(parseInt("f",16)+" "+parseInt("1111",2)+" "+parseInt("10",8)+" "+parseInt("10"));
           
js内置函數js内置函數

parseFloat(a)

将數值類型的字元串a轉化為浮點型數字

js内置函數js内置函數

Date

擷取系統目前時間

var date = new Date();
	document.write(date);
	document.write("<br>");
	
	// 擷取年
	var year = date.getFullYear();
	document.write(year+"年");
	document.write("<br>");
	// 擷取月
	var month = date.getMonth()+1;
	document.write(month+"月");
	document.write("<br>");

	// 擷取日(幾号)
	var day = date.getDate();
	document.write(day+"日");
	document.write("<br>");

	// 擷取星期幾
	var week = date.getDay();
	document.write("星期"+week);
	document.write("<br>");

	document.write(year+"年"+month+"月"+day+"日"+"星期"+week);
	document.write("<br>");
           
js内置函數js内置函數

加上滑鼠點選事件後:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>事件-擷取時間</title>
</head>
<body>
	<input type="button" value="擷取系統時間" onclick="getTime()" >
	<script type="text/javascript">
		function getTime(){

			var date = new Date();
			var year = date.getFullYear();
			var month =	date.getMonth();
			var day = date.getDate();
			var week = date.getDay()=="7"?"天":date.getDay();
			var hour = date.getHours();
			var minute = date.getMinutes();
			var second = date.getSeconds();
			var time = year+"年"+month+"月"+day+"日"+hour+":"+minute+":"+second+"星期"+week;
			document.writeln(time);

		}
	</script>
</body>
</html>
           

滑鼠單擊前:

js内置函數js内置函數

單擊滑鼠後:

js内置函數js内置函數

setInterval()

setInterval("“函數a”,xx毫秒),定時,每隔xx秒調用一次函數a,比如

setInterval("getTime()",1000);

js内置函數js内置函數

我們期望的效果是當次調用會覆寫前次調用的顯示,達到動态顯示的效果,在後續學習中可以實作。

Math

數學對象,用法為Math.函數名,比如:

Math.abs()

Math.PI

Math.sin()

等等。

Math.random()

傳回一個0.0~1.0之間的僞随機數。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>驗證碼</title>
</head>
<body>
	<input type="button" value="點選生成驗證碼" onclick="getCode()">
	<script type="text/javascript">
		function getCode(){
			var code = Math.random()*10000;
			// 取整,向下取整Math.floor()或parseInt(),向上取整Math.ceil()
			code = Math.floor(code);
			document.writeln(code);
		}
	</script>
</body>
</html>
           
js内置函數js内置函數
js内置函數js内置函數

String

String對象,用法String對象名.函數名,有許多對字元串進行操作的函數。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>字元串函數</title>
</head>
<body>
	<script type="text/javascript">
		var str = "Hello World!"
		document.writeln(str);
		document.write("<br>");
		// 所有小寫字母轉大寫
		str = str.toUpperCase();
		document.writeln(str);
		document.write("<br>");
		// 所有大寫字母轉小寫
		str = str.toLowerCase();
		document.writeln(str);
		document.write("<br>");
		// 擷取字元串長度length屬性
		document.writeln("字元串"+str+"長度為:"+str.length);
		document.write("<br>");
		//數字變為字元串
		var a = 123456789;
		a = a.toString();
		//+1會拼接而不是算數相加,證明已經轉變為字元串
		document.writeln(a+1);
		document.write("<br>");

		// 擷取指定的字元的下标
		document.write("h在"+str+"中位置為:"+str.indexOf('h'));
		document.write("<br>");

		// 擷取指定下标對應的字元
		document.write("0号位置是元素:"+str.charAt());
		document.write("<br>");
	</script>
</body>
</html>
           
js内置函數js内置函數

繼續閱讀