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>
![](https://img.laitimes.com/img/9ZDMuAjOiMmIsIjOiQnIsIyZuBnLlFTY1kDNzIzNhZzYxITMiVWZ2QzYjRmY4UGZykzYiF2Lc52YucWbp5GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.png)
parseInt(a,i)
将數值類型字元串a轉換為十進制的數,i為a的進制類型
// 将數值類型字元串a轉換為十進制的數,i為a的進制類型
alert(parseInt("f",16)+" "+parseInt("1111",2)+" "+parseInt("10",8)+" "+parseInt("10"));
parseFloat(a)
将數值類型的字元串a轉化為浮點型數字
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>");
加上滑鼠點選事件後:
<!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>
滑鼠單擊前:
單擊滑鼠後:
setInterval()
setInterval("“函數a”,xx毫秒),定時,每隔xx秒調用一次函數a,比如
setInterval("getTime()",1000);
我們期望的效果是當次調用會覆寫前次調用的顯示,達到動态顯示的效果,在後續學習中可以實作。
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>
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>