首页 » SEO优化 » phpjs对象技巧_我的php进修第十三天javascript篇js对象及方法

phpjs对象技巧_我的php进修第十三天javascript篇js对象及方法

访客 2024-11-02 0

扫一扫用手机浏览

文章目录 [+]

属性便是特色,比如一个人有:身高、体重、年事、姓名等。

方法:便是为了完成一项功能,而定义的函数。

phpjs对象技巧_我的php进修第十三天javascript篇js对象及方法

方法便是函数,但方法是用在工具中的,用在工具中的函数,就叫“方法”。

phpjs对象技巧_我的php进修第十三天javascript篇js对象及方法
(图片来自网络侵删)

举例: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)

2.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.00.10.20.30.40.50.6……0.9min=0,max=10乘以10+00123456……9Min=10,max=20乘以10+1010111213141516……19Min=30,max=40乘以10+3030313233343536……39Math.random()(max-min)+min3.Number工具

toFixed(n):对数值进行四舍五入后,保留n位小数。
代表小数位数。

4.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”

5.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工具的子工具。

6.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:代表当前窗口

7.Window工具的方法

Window.alert(str):弹出一个警告对话框;

Window.prompt():弹出一个输入对话框

Window.confirm():弹出一个确认对话框

Window.close():关闭窗口

Window.print():打印窗口中的网页

8.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”)

9.setTimeout()方法

含义:在指定的韶光到了往后,实行一次JS代码。
就实行一次,不会重复实行。

语法:var timer = window.setTimeout(code,millisec);

参数:

Code:要实行的JS代码;

Millisec:毫秒数

返回值:这个返回值timer,可以利用clearTimeout()进行打消,打消延迟韶光设置。

把稳:setTimeout()只能实行一次,如果要实现重复实行,必须在函数中再次调用自己。

10.clearTimeout()方法

含义:打消setTimeout()设置的延迟器

语法:clearTimeout(timer)

11.setInterval()方法

含义:是真正意义上的定时器,每隔指定时间,就会实行一次代码,并重复实行。

语法: var timer = window.setInterval(code,millisec);

返回值:返回一个定时器的变量timer,timer可以利用clearInterval()进行打消。

12.clearInterval()方法

含义:打消setInterval()设置的定时器。

语法:clearInterval(timer);

标签:

相关文章

QQ聊天恶搞代码技术背后的趣味与风险

人们的生活越来越离不开社交软件。在我国,QQ作为一款历史悠久、用户众多的社交平台,深受广大网民喜爱。在QQ聊天的过程中,恶搞代码的...

SEO优化 2025-03-02 阅读1 评论0

Python代码截屏技术与应用的完美融合

计算机屏幕截图已经成为人们日常生活中不可或缺的一部分。无论是分享工作成果、记录游戏瞬间,还是保存网页信息,屏幕截图都发挥着重要作用...

SEO优化 2025-03-02 阅读1 评论0

QQ无限刷礼物代码技术突破还是道德沦丧

社交平台逐渐成为人们生活中不可或缺的一部分。QQ作为我国最具影响力的社交软件之一,其丰富的功能吸引了大量用户。近期有关QQ无限刷礼...

SEO优化 2025-03-02 阅读1 评论0