JavaScript的内置对象

1.内置函数 eval()和 isNaN()
Eval(): 用于计算字符串表达式的值;
IsNaN(): 用户验证参数是否是 NaN(非数字);
eg:

<script type="text/javascript">
	//eval():js的内置函数用来计算表达式的值
	var mess=prompt('输入一个表示式','12*2');
	var value=eval(mess);
	alert(value);
	//isNaN():判断是一个非数字的值  true/false
	var mess1=prompt('请输入','0');
	if(isNaN(mess1)){  //判断 是一个非数字 的值
		alert('是一个非数字的值');
	}else{
		alert('不是一个非数字的值');
	}
</script>

2.浏览器对象模型包含的三大对象有:
浏览器对象: 浏览器窗口window对象; 文档document对象;History对象;Location对象.
|
脚本对象: String对象;Date对象;Math对象;Array对象.
|
HTML对象: 任何一个html元素都可以称之为HTML对象.
3.介绍
(1)Math对象
属性::
在这里插入图片描述
方法:

eg:

<script type="text/javascript">
	//Math.random(): 随机产生0-1之间的数字
	//Math.round(): 四舍五入取整
	//问题: 使用计时器以及Math对象实现页面2秒 显示不同的图片
	function suiji(){
		var mathValue=Math.round(Math.random()*8+1);
		document.getElementById('img1').src='img/'+mathValue+'.jpg';
	}
	setInterval('suiji()',1000);
</script>
...............
<body>
	<img src="img/1.jpg" id="img1" style="width: 1300px;height: 600px;display:inline-block;margin-left: 25px;margin-top: 25px;"/>
</body>

当然ing文件夹里要有图片
在这里插入图片描述
(2).Date对象:
Date 对象存储的日期为自1970年1月1日 00:00:00 以来的毫秒数 .
Date 方法的分组：

用作 Date 方法的参数的整数:

Get 方法:

eg:

<script type="text/javascript">
	//Date() 对象中的日期格式 如下;
	var dateDay=new Date('2018/12/12');//第一种书写格式
	//var dateDay=new Date('wed dec 1 2019');//第二种书写格式
	//alert(dateDay);
	
	var time=new Date();
	//alert(time.getDate());// 获取月份中的天数
	//alert(time.getFullYear()); //获取年份
	//alert(time.getDay()); //获取星期几\
	//alert(time.getMilliseconds());//  获取毫秒数
	//alert(time.getMonth()+1);//获取月份数
	//alert(time.getTime());
</script>

(3).Window 对象:
open(”打开窗口的 url”，”窗口名”，”窗口特征”)
窗口的特征如下，可以任意组合： height：窗口高度；
width：窗口宽度；
top：窗口距离屏幕上方的象素值；
left：窗口距离屏幕左侧的象素值；
close()关闭当前窗口.
eg:

<script type="text/javascript">
	var left1=0;
	var top1=0;
	function load(){
		//var left=Math.random()*500;
		//var top=Math.random()*300;
		left1=Math.random()*500;
		top1=Math.random()*300;
		//left1+=50;
		//top1+=50;
		var div=document.getElementById('Layer1');
		div.style.left=left1+'px';
		div.style.top=top1+'px';
	}
	setInterval('load()',500);
</script>
......................
<body>
	<div  id="Layer1" style="position:absolute; left:14px; top:44px; width:150px; height:102px; z-index:1">
	  		<a href="http://www.mycom.cn"><IMG src="img/1.jpg" width="150" height="100" border="0"></a>
	</div>
	<h1>随机漂浮的广告</h1>
</body>

(4).Document 对象:
属性:
在这里插入图片描述
方法：

eg:

<script type="text/javascript">
	function createNewDoc(){
		 var newDoc=document.open("01实现打字机效果.html","replace");
		 var txt="<html><body>Learning about the DOM is FUN!</body></html>";
		 newDoc.write(txt);
		 newDoc.close();
  	}
</script>
....................
<body>
	<input type="button" value="Write to a new document"onclick="createNewDoc()">
</body>

(5).History 对象:

名称	说明
back()	加载 History 列表中的上一个 URL.
forward()	加载 History 列表中的下一个 URL.
go("url"ornumber)	加载 History 列表中的一个 URL，或要求浏览器移动指定的页面数.

back ( ) 方法相当于后退按钮;
forward ( ) 方法相当于前进按钮;
go (1)代表前进 1 页，等价于 forward( )方法；
go(-1) 代表后退 1 页，等价于 back( )方法；
(6).Loaction 对象:
属性：

名称	说明
host	设置或检索位置或 URL 的主机名和端口号
hostname	设置或检索位置或 URL 的主机名部分
href	设置或检索完整的 URL 字符串

方法：

名称	说明
assign(“url”)	加载 URL 指定的新的 HTML 文档.
reload()	重新加载当前页
replace(“url”)	通过加载 URL 指定的文档来替换当前文档

eg:

<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
</script>

JavaScript的内置对象

猜你喜欢