内置对象

最新推荐文章于 2022-10-26 20:54:40 发布

Survivor_lll

最新推荐文章于 2022-10-26 20:54:40 发布

阅读量128

点赞数

文章标签： JavaScript

本文链接：https://blog.csdn.net/a_lllll/article/details/85043669

版权

内置对象

1、ECMAscript javascript 的语法（变量、函数、循环语句等语法）
2、BOM 浏览器对象模型操作浏览器的一些
3、DOM 文档对象模型操作 html 和 css 的方法

Eval() :

用于计算字符串表达式的值;

IsNaN() :

用户验证参数是否是 NaN(非数字);

isNaN():
NaN值的产生:当算术运算返回一个未定义的或无法表示的值时，NaN就产生了
将某些不能强制转换为数值的非数值转换为数值的时候，也会得到NaN。
isNaN(x)函数用于检查其参数是否是非数字值。
如果 x 是特殊的非数字值 NaN（或者能被转换为这样的值），返回的值就是 true。
如果 x 是其他值,则返回 false。
isNaN() 函数通常用于检测 parseFloat() 和 parseInt() 的结果，
以判断它们表示的是否是合法的数字。

			document.write('<br />');
			document.write(isNaN(NaN)+'<br />');		//显示结果为true
			document.write(isNaN(undefined)+'<br />');	//显示结果为true
			var i;
			//alert(i);									//显示结果为undefined
			document.write(isNaN(i)+'<br />');			//显示结果为true
			document.write(isNaN({})+'<br />');			//显示结果为true
			var a='35';
			//alert(typeof a);							//显示结果为string
			document.write(isNaN('35')+'<br />');		//显示结果为false	可以被转换成数值35
			document.write(isNaN(55)+'<br />');			//显示结果为false
			document.write(isNaN('hellow'));			//显示结果为true

浏览器对象模型

浏览器对象模型包含三大对象

浏览器对象

浏览器窗口window，文档document，URL地址等

Window 对象

open（”打开窗口的 url”，”窗口名”，”窗口特征”）
窗口的特征如下，可以任意组合：
height：窗口高度；
width：窗口宽度；
top：窗口距离屏幕上方的象素值；
left：窗口距离屏幕左侧的象素值

Document 对象

属性

bgColor 设置或检索 Document 对象的背景色
body 指定文档正文的开始和结束
location 包含关于当前 URL 的信息
title 包含文档的标题
url 设置或检索当前文档的 URL

方法：

clear ( ) 清除当前文档
close ( ) 关闭输出流并强制显示发送的数据
write (“text”) 将文本写入文档

History 对象

方法：

back() 加载 History 列表中的上一个 URL。
forward() 加载 History 列表中的下一个 URL。
go(“url” or number) 加载 History 列表中的一个 URL，或要求浏览器移动指定的页面数。
back ( ) 方法相当于后退按钮；forward ( )方法相当于前进按钮；go (1)代表前进 1 页，等价于 forward( )方法；go(-1) 代表后退 1 页，等价于 back( )方法

Loaction 对象

属性

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

			alert(location.host);//获取或是设置主机的端口号和主机名称  127.0.0.1:8020
			alert(location.hostname);
			alert(location.href); //设置或是检索url信息
			location.assign('http://www.baidu.com');  //加载一个新的url地址
			location.reload(true);  //重新加载当前页面
			location.replace('Math对象的使用.html');  //使用一个新的url替换当前的url

方法

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

History 和Loaction 对象案例题

script代码块

<script type="text/javascript">
			function change_01(){
			//获取选中的节点的value值  赋值给location对象的属性href
				location.href=document.for1.select1.value;
			}
</script>

body中的代码块

		<h4>易烊千玺</h4>
		<div id="wrap">
			<img src="../img/1.jpg"/>
			<img src="../img/2.jpg"/>
			<img src="../img/3.jpg"/>
			<img src="../img/5.jpg"/>
		</div>
		<form action="" method="post" name="for1">
			<select name="select1" onchange="change_01();">
				<option>---请选择不同的易烊千玺---</option>
				<option value="sheep_01.html">看书的易烊千玺</option>
				<option value="sheep_02.html">闭眼的易烊千玺</option>
				<option value="sheep_03.html">侧颜的易烊千玺</option>
				<option value="sheep_04.html">朦胧的易烊千玺</option>
			</select>
		</form>
		<div class="div_02">
			<a href="javascript:history.go(-1)">前一个千玺</a>
			<a href="javascript:history.go(1)">后一个千玺</a>
		</div>

脚本对象

String字符串对象，Date日期对象，Math数学对象等

Math对象的方法

abs(y) 返回 y 的绝对值
sin (y) 返回 y 的正弦，返回值以弧度为单位。
cos (y) 返回 y 的余弦，返回值以弧度为单位
tan (y) 返回 y 的正切，返回值以弧度为单位
min (x,y) 返回 x 和 y 两个数中较小的数
max (x, y) 返回 x 和 y 两个数中较大的数
random 返回 0-1 的随机数
round (y) 四舍五入取整
sqrt (y) 返回 y 的平方根

Date 对象

Date 对象存储的日期为自 1970 年 1 月 1 日 00:00:00 以来的毫秒数

var 日期对象 = new Date (年、月、日等参数)

例：var mydate=new Date( “July 29, 1998,10:30:00 ”);

如果没有参数，表示当前日期和时间例：var today = new Date();

Date 方法的分组：

setxxx 方法用于设置时间和日期值
gexxx 这些方法用于获取时间和日期值
Toxxx 这些方法用于从 Date 对象返回字符串值
parsexxx 这些方法用于解析字符串

用作 Date 方法的参数的整数

Seconds 和 minutes 表示 0 至 59
Hours 表示0 至 23
Day 表示 0 至 6（星期几）
Date 表示 1 至 31（月份中的天数）
Months 表示 0 至 11（一月至十二月）

Get 方法

getDate 返回 Date 对象中月份中的天数，其值介于 1 至 31 之间
getDay 返回 Date 对象中的星期几，其值介于 0 至 6 之间
getHours 返回 Date 对象中的小时数，其值介于 0 至 23 之间
getMinutes 返回 Date 对象中的分钟数，其值介于 0 至 59 之间
getSeconds 返回 Date 对象中的秒数，其值介于 0 至 59 之间
getMonth 返回 Date 对象中的月份，其值介于 0 至 11 之间
getFullYear 返回 Date 对象中的年份，其值为四位数
getTime 返回自某一时刻（1970 年 1 月 1 日）以来的毫秒数