昨日回顾
对象:对象是一组属性和方法的集合。
属性就是特征,比如一个人有:身高、体重、年龄、姓名等。
方法:就是为了完成一项功能,而定义的函数。
方法就是函数,但方法是用在对象中的,用在对象中的函数,就叫“方法”。
举例:today.getDay() //这个“方法”的功能,就是取得系统时间日期信息的“星期的值”
JS中的对象分类:
自定义对象
JS内置对象
BOM对象:就是提供了一种操作或访问浏览器各组件(部分)的一种途径。
DOM对象:提供了访问和操作网页中各标记的一种途径。
自定义对象
(1)创建自定义对象
通过new关键字和Object()构造函数来创建;
举例: var obj = new Object();
//添加属性和方法
obj.name = “周更生”;
obj.age = 30;
obj.show = function(){
var str = this.name+“的年龄是”+this.age+”岁!”;
return str; //返回结果,并结束函数的运行
document.write(str);
}
//调用obj对象的方法
document.write(obj.show());
Ckeditor在线网页代码编辑器,模似Word 的可视化特点来编辑网页。
JS内置对象
String对象:
Array对象:
Boolean对象:
Number对象:
Math对象:
Date对象:
Function对象:
一、String对象
Length:字符串的长度
charAt(index):从原始字符串中,取出指定索引号处的一个字符;
字符串的下标从0开始,依次递增,跟Array一样。
第一个字符下标为0,最后一个字符下标为length-1。
indexOf(substr[,startIndex]):返回子字符串的起始位置,如果没有找到返回-1
举例:str.indexOf(“@”,5)
Math对象
Math对象是一个静态对象,里面的方法都是静态方法。
常用的方法
Math.abs(x):求绝对值
Math.ceil(x):向上取整。比如:Math.ceil(10.2) =11
Math.floor(x):向下取整。比如:Math.floor(10.9)=10
Math.round(x):四舍五入。比如:Math.round(10.56)=11 Math.round(10.45)=10
Math.sqrt(x):求平方根
Math.random():返回0-1之间的随机数。 0<X<1
实例:求0-10之间的随机数、 求10-20间的随机数、求30-40之间随机数
Math.random() | 原始值 | 0.0 | 0.1 | 0.2 | 0.3 | 0.4 | 0.5 | 0.6 | …… | 0.9 |
min=0,max=10 | 乘以10+0 | 0 | 1 | 2 | 3 | 4 | 5 | 6 | …… | 9 |
Min=10,max=20 | 乘以10+10 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | …… | 19 |
Min=30,max=40 | 乘以10+30 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | …… | 39 |
Math.random()*(max-min)+min |
Number对象
toFixed(n):对数值进行四舍五入后,保留n位小数。代表小数位数。
Function对象
定义一个函数,就生成了一个Function对象。
arguments:是函数的数组属性,也是一个对象。
Length属性:arguments对象具有length属性,取得函数参数的个数。
function getMax()
{
//初始化最大值
var max = arguments[0];
for(var i=0;i<arguments.length;i++)
{
if(max < arguments[i])
{
Max = arguments[i];
}
}
//返回最大值
return max;
}
var max = getMax(10,20,30,40,50,60,70);
补充:判断手机号码是否含有非数字的字符
isNaN()函数:判断给定的数值,是否含有非数字的字符。如果含有,则返回true。
isNaN()相当于Number()。
“130110565E5”
空白字符:””、” ”、”t”、”n”、”r”
BOM和DOM
BOM,Bowser Object Model浏览器对象模型。提供了访问和操作浏览器各组件的途径或方法。
比如:Navigator对象:浏览器的名称、版本号、客户端操作系统、系统语言等
Window:弹出一个广告窗口、窗口的尺寸;
History:获取到你浏览器的历史记录;
DOM,Document Object Model文档对象模型。提供了访问和操作网页中各标记的途径和方法。
比如:<div>、<a>、<form>、<input>、<p>
BOM和DOM是两个标准(规范),是第三方开发的功能,不是Netscape(网景公司)开发的。但BOM和DOM以对象的形式,在浏览器进行了实现。BOM模型对应一组对象、DOM模型在浏览器中,也是对应一组对象。
BOM中对象的结构图:网页中的所有元素,都可以看成一个对象。
Window窗口对象:是所有其它对象的最顶层对象,代表当前浏览器窗口。
History历史对象:用户浏览器的历史记录
Location地址栏对象:可以取出地址中地址的不同部分。比如:主机名、查询字符串、锚点
Navigator浏览器对象:取得浏览器的软件名称、版本号、用户使用的操作系统
Screen屏幕对象:可以取出显示器相关信息。比如:显示的分辨率、色位
Document文档对象,代表当前网页。一个网页中包含N多个HTML元素。这些HTML元素对象,都是document对象的子对象。
Window对象
Window对象的属性
Closed:判断一个窗口是否关闭;
Name:获取当前窗口的名称;
innerWidth:指窗口的净宽,不含:菜单栏、地址栏、状态栏、工具栏;在IE中不支持
IE中可以使用body元素的clientWidth和clientHeight来代替。
innerHeight:指窗口的净高,不含:菜单栏、地址栏、状态栏等;在IE中不支持
outerWidth:指窗口的总宽度,包含:菜单栏、地址栏、状态栏等。IE不支持
outerHeight:指窗口的总高度,同上。IE不支持
注意:document.body.clientWidth为什么没有值?
因为<body>中没有内容,也就是没有宽和高。
Document.documentElement.clientWidth是什么?
documentElement代表<HTML>标记,也就是指网页。
top:代表最顶层的窗口
parent:代表父级窗口
self:代表当前窗口
Window对象的方法
Window.alert(str):弹出一个警告对话框;
Window.prompt():弹出一个输入对话框
Window.confirm():弹出一个确认对话框
Window.close():关闭窗口
Window.print():打印窗口中的网页
Window.open():创建或打开一个新窗口。
语法格式:var win = window.open(URL,name,options)
参数:
URL:指打开的新窗口中,要显示的网页的地址;可以为空,不打开任何网页;
name:指定打开的窗口的名称,一般用于超级链接。
Options:设置打开窗口的外观
Toolbar:工具栏是否显示,取值:yes和no
Menubar:菜单栏是否显示
Status:状态栏是否显示
Scrollbars:是否滚动条
Location:是否显示地址栏
Width:指定打开窗口的宽度
Height:指定打开窗口的高度
Top:距离屏幕顶端多远
Left:距离屏幕左端多远
返回值:返回一个窗口对象
举例:var win = window.open(“http://www.sina.com.cn”,”win2”,”width=400,height=300,left=300,top=100,menubar=no”)
setTimeout()方法
含义:在指定的时间到了以后,执行一次JS代码。就执行一次,不会重复执行。
语法:var timer = window.setTimeout(code,millisec);
参数:
Code:要执行的JS代码;
Millisec:毫秒数
返回值:这个返回值timer,可以使用clearTimeout()进行清除,清除延迟时间设置。
注意:setTimeout()只能执行一次,如果要实现重复执行,必须在函数中再次调用自己。
clearTimeout()方法
含义:清除setTimeout()设置的延迟器
语法:clearTimeout(timer)
setInterval()方法
含义:是真正意义上的定时器,每隔指定时间,就会执行一次代码,并重复执行。
语法: var timer = window.setInterval(code,millisec);
返回值:返回一个定时器的变量timer,timer可以使用clearInterval()进行清除。
clearInterval()方法
含义:清除setInterval()设置的定时器。
语法:clearInterval(timer);
本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/450.html
如有侵犯您的合法权益请发邮件951076433@qq.com联系删除