js内置函数

最新推荐文章于 2024-04-28 08:07:40 发布

糯米味儿的粽子

最新推荐文章于 2024-04-28 08:07:40 发布

阅读量160

点赞数

分类专栏： # JavaScript 文章标签： javascript 前端 js

本文链接：https://blog.csdn.net/emmm520/article/details/120040770

版权

JavaScript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

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>

在这里插入图片描述

parseInt(a,i)

将数值类型字符串a转换为十进制的数，i为a的进制类型

// 将数值类型字符串a转换为十进制的数，i为a的进制类型
alert(parseInt("f",16)+" "+parseInt("1111",2)+" "+parseInt("10",8)+" "+parseInt("10"));

在这里插入图片描述

parseFloat(a)

将数值类型的字符串a转化为浮点型数字

alert(parseFloat("1.23"));

在这里插入图片描述

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>