JavaScript（五）——JavaScript常用函数以及对象

最新推荐文章于 2023-12-05 20:44:09 发布

程序员的时光

最新推荐文章于 2023-12-05 20:44:09 发布

阅读量488

点赞数

分类专栏： ● Web前端基础篇文章标签： JavaScript 常用函数 JavaScript对象

本文链接：https://blog.csdn.net/qq_37084904/article/details/88956727

版权

● Web前端基础篇专栏收录该内容

33 篇文章 3 订阅

订阅专栏

1.JavaScript全局函数

2.JavaScript window 对象常用方法及事件

1.JavaScript全局函数

全局函数不属于任何一个内置对象。

JS 包含以下 7 个全局函数，用于一些常用的功能：

escape(),eval(),isNan(),isFinite(),parseFloat(),parseInt(),unescape(); Eval()；

Eval()定义：

eval() 函数可计算某个字符串，并执行其中的的 JavaScript 代码。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript全局函数</title>
</head>
<body>
<script type="text/javascript">
	var str="1+2+3";
	//计算字符串的运算结果
	alert(eval(str));
</script>
</body>
</html>

运行结果：

2.JavaScript window 对象常用方法及事件

Alert(); 弹出消息框

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript window 对象常用方法及事件</title>
</head>
<body>
<script type="text/javascript">
	window.alert("window对象alert方法");
</script>
</body>
</html>

运行结果：

setTimeout()；执行一次

运行结果：

注意这里的结果是网页5秒之后才响应的！

setInterval()；执行多次

运行结果：

注意，这里其实是个动态效果，其中的秒钟单位是不停地走动，相当于一个时间表；

open();打开窗口

可以打开百度的首页；

完整代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript window 对象常用方法及事件</title>
</head>
<body>
<script type="text/javascript">
	//window.alert("window对象alert方法");
	
	/* function dzt(){
		alert("5秒后启动");
	}
	window.setTimeout("dzt()",5000);//注意这里5000的单位是毫秒，即5秒 */
	
	function setDateTime(){
		var date=new Date();
		var day=date.getDay();
		var week;
		switch(day){
			case 0:week="星期日";break;
			case 1:week="星期一";break;
			case 2:week="星期二";break;
			case 3:week="星期三";break;
			case 4:week="星期四";break;
			case 5:week="星期五";break;
			case 6:week="星期六";break;
		}
		//打印此时此刻的时刻表
		var today=date.getFullYear()+"年"+(date.getMonth()+1)+"月"+date.getDate()
		+"日"+date.getHours()+":"+date.getMinutes()+":"+date.getSeconds()+" ，"+week;
		document.getElementById("today").innerHTML=today;
	}
	window.setInterval("setDateTime()",1000);
	
	window.open("http:www.baidu.com");
</script>
<div id="today"></div>
</body>
</html>