内置对象、三大对象模型

最新推荐文章于 2022-04-12 18:35:46 发布

wuke666666

最新推荐文章于 2022-04-12 18:35:46 发布

阅读量338

点赞数

文章标签：内置对象、三大对象模型

本文链接：https://blog.csdn.net/wuke666666/article/details/85040203

版权

内置对象

延展内置函数eval()和isNaN()

eval():用于计算字符串表达式的值 isNaN():检查其参数是否是非数字值，true/false

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>内置对象</title>
		<script type="text/javascript">
//			内置函数eval()和isNaN()
			//eval()用于计算字符串表达式的值
			//isNaN()用于检查其参数是否是非数字值，true/false
//			 var mess=prompt('输入一个表达式',5*2);
//			 var value=eval(mess);
//			 alert(value);
			
			 var mess=prompt('请输入一个数','0' );  //判断是一个非数字的值
			 if(isNaN(mess)==true){
			 	alert('是一个非数字的值');
			 }else{
			 	alert('不是一个非数字的值');
			 }
//			如果x是特殊的非数字值NaN，返回的值就是true，如果x是其他值，则返回false
			 document.write(isNaN(123)+'<br />');  //结果为false
			 document.write(isNaN('hello')+'<br />'); //结果为true
			 document.write(isNaN(x=345)+'<br/>');  //结果为false
			 document.write(isNaN(x='hello'));  //结果为true
		</script>
	</head>
	<body>
	</body>
</html>

三大对象模型

浏览器对象

浏览器窗口window

方法:open():打开新的窗口、close():关闭当前的窗口

①open(‘打开窗口的url’，窗口名,窗口特征（属性）);

②close():关闭当前的窗口

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>window对象</title>
		<script type="text/javascript">
			function btn(){
//				window可省略
//				open(打开窗口的URL,窗口名,窗口特征);
				window.open('Date对象.html','','width=400,height=400');
			}
		</script>
	</head>
	<body>
		<h1 onclick="btn();">namanamanana梦不落雨林</h1>
	</body>
</html>

文档document

属性:

bgcolor:设置对象的背景颜色

location:获取或设置当前url地址信息

body:指定文档正文的开始和结束

title:获取标题

URL:设置或检索当前文档的url

方法:

close():关闭输出流并强制显示发送的数据

clear():消除当前文档

write():输出至文档流当中去

<!DOCTYPE html>
<html>
<head>
	<script type="text/javascript">
		function createNewDoc()
		  {
			  var newDoc=document.open("Date对象","replace");
			  var txt="<html><body>Learning about the DOM is FUN!</body></html>";
			  newDoc.write(txt);
			  newDoc.close();
		  }
	</script>
</head>
<body>
		<input type="button" value="Write to a new document"
		onclick="createNewDoc()">
</body>
</html>

History对象

方法:

back():加载History列表中的上一个页面，也可使用go(-1);

forward():加载History列表中的下一个页面,也可使用go(1);

Loaction对象

属性:

host():获取或检索设置主机的端口号和主机名称

hostname:设置或检索位置的主机名称

href:设置或检索完整的url字符串

方法:

location.assign(‘url’):加载一个新的URL地址

location.reload():bool类型，是否重新加载：true/false重新加载当前页面

location.replace():使用一个新的URL替换当前的URL

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			//alert(location.host);//获取或是设置主机的端口号和主机名称  127.0.0.1:8020
			//alert(location.hostname);
			//alert(location.href); //设置或是检索url信息
			
			//location.assign('http://www.yltedu.com');  //加载一个新的url地址
			//location.reload(true);  //重新加载当前页面
			//location.replace('new_file.html');  //使用一个新的url替换当前的url
			function change_01(){
				//获取选中的节点的value值  赋值给location对象的属性href
				location.href=document.for1.select1.value;
			}
		</script>
	</head>
	<body>
		<form action="" method="post" name="for1">
			<select name="select1" onchange="change_01();">
				<option>--请选择男神--</option>
				<option value="zyx.html">张艺兴</option>
				<option value="yx.html">艺兴</option>
				<option value="Lay.html">老狐狸</option>
				<option value="sheep.html">小绵羊</option>
			</select>
			<!--<input type="submit" value="提交"/>-->
		</form>
	</body>

</html>

脚本对象

String字符串对象

属性:

length:字符串长度

Date日期对象

方法:

set…:设置时间和时间值，以毫秒计算

get…:获取时间和时间值

to…:返回字符串

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Date对象</title>
		<script type="text/javascript">
			//Date() 对象中的日期格式 如下;
//			var dateDay=new Date('2018/12/12');
//			var dateDay=new Date('wed dec 1 2019');
//			alert(dateDay);
			var datevalue=new Date();
			//alert(datevalue);
			//alert(datevalue.getDate());  //获取月份中的天数
			//alert(datevalue.getFullYear());  //获取年份
			//alert(datevalue.setDate(3));  //设置月份中的天数，以毫秒计算
			//alert(datevalue.getDay());  //获取星期几
			//alert(datevalue.getHours());  //获取小时
		   	//alert(datevalue.getMinutes());  //获取分钟
		   	//alert(datevalue.getMonth()+1);   获取月份
		   	//alert(datevalue.toDateString());    //返回字符串  结果为Wed Dec 12 2018
		    //alert(datevalue.toGMTString());  //结果为Wed, 12 Dec 2018 15:19:51 GMT
			alert(datevalue.getTime());  //返回自某一时刻（1970年1月1日）以来的毫秒数	
		</script>
	</head>
	<body>
	</body>
</html>

Math对象：

属性：PI(π的值)

abs(y):返回y的绝对值

min(x,y):返回x,y两个数中较小的数

max(x,y):返回x,y两个数中较大的数

random:返回0~1的随机数

round(y):四舍五入取整

sqrt(y):返回y的平方根

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Math对象</title>
		<script type="text/javascript">
//			Math.random(): 随机产生0-1之间的数字
//			Math.round(): 四舍五入取整
			//问题: 使用计时器以及Math对象实现页面2秒 显示不同的图片

//			function ran(){
//				var mathValue=Math.round(Math.random()*9+1);
//				document.getElementById('img1').src='img/'+mathValue+'.jpg';
//			}
//			setInterval('ran()',2000);
			
			function ran(){
				var mathValue=Math.round(Math.random()*9+1);
				document.getElementById('img1').src='img/'+mathValue+'.jpg';
			}
			var timer=setInterval('ran()',2000);   //循环计时器
			clearInterval(timer);  //清除计时器

		</script>
	</head>
	<body>
		<img src="img/1.jpg" id="img1">
	</body>
</html>