百度360必应搜狗淘宝本站头条
mqtt服务器xftp6mybatiscollectionkeyerrorc#var
当前位置：网站首页 > 热门文章 > 正文

我的php学习第十三天javascript篇:js对象及方法

bigegpt 2024-10-19 02:51 6 浏览

1.昨日回顾

对象：对象是一组属性和方法的集合。

属性就是特征，比如一个人有：身高、体重、年龄、姓名等。

方法：就是为了完成一项功能，而定义的函数。

方法就是函数，但方法是用在对象中的，用在对象中的函数，就叫“方法”。

举例：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.9
min=0,max=10乘以10+00123456……9
Min=10,max=20乘以10+1010111213141516……19
Min=30,max=40乘以10+3030313233343536……39
Math.random()*(max-min)+min









3.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);

相关推荐

得物可观测平台架构升级:基于GreptimeDB的全新监控体系实践

一、摘要在前端可观测分析场景中，需要实时观测并处理多地、多环境的运行情况，以保障Web应用和移动端的可用性与性能。传统方案往往依赖代理Agent→消息队列→流计算引擎→OLAP存储...

warm-flow新春版:网关直连和流程图重构

本期主要解决了网关直连和流程图重构，可以自此之后可支持各种复杂的网关混合、多网关直连使用。-新增Ruoyi-Vue-Plus优秀开源集成案例更新日志[feat]导入、导出和保存等新增json格式支持...

扣子空间体验报告

在数字化时代，智能工具的应用正不断拓展到我们工作和生活的各个角落。从任务规划到项目执行，再到任务管理，作者深入探讨了这款工具在不同场景下的表现和潜力。通过具体的应用实例，文章展示了扣子空间如何帮助用户...

spider-flow:开源的可视化方式定义爬虫方案

spider-flow简介spider-flow是一个爬虫平台，以可视化推拽方式定义爬取流程，无需代码即可实现一个爬虫服务。spider-flow特性支持css选择器、正则提取支持JSON/XML格式...

solon-flow 你好世界!

solon-flow是一个基础级的流处理引擎（可用于业务规则、决策处理、计算编排、流程审批等......）。提供有“开放式”驱动定制支持，像jdbc有mysql或pgsql等驱动，可...

新一代开源爬虫平台:SpiderFlow

SpiderFlow：新一代爬虫平台，以图形化方式定义爬虫流程，不写代码即可完成爬虫。-精选真开源，释放新价值。概览Spider-Flow是一个开源的、面向所有用户的Web端爬虫构建平台，它使用Ja...

通过 SQL 训练机器学习模型的引擎

关注薪资待遇的同学应该知道，机器学习相关的岗位工资普遍偏高啊。同时随着各种通用机器学习框架的出现，机器学习的门槛也在逐渐降低，训练一个简单的机器学习模型变得不那么难。但是不得不承认对于一些数据相关的工...

鼠须管输入法rime for Mac

鼠须管输入法forMac是一款十分新颖的跨平台输入法软件，全名是中州韵输入法引擎，鼠须管输入法mac版不仅仅是一个输入法，而是一个输入法算法框架。Rime的基础架构十分精良，一套算法支持了拼音、...

Go语言 1.20 版本正式发布:新版详细介绍

Go1.20简介最新的Go版本1.20在Go1.19发布六个月后发布。它的大部分更改都在工具链、运行时和库的实现中。一如既往，该版本保持了Go1的兼容性承诺。我们期望几乎所...

iOS 10平台SpriteKit新特性之Tile Maps(上)

简介苹果公司在WWDC2016大会上向人们展示了一大批新的好东西。其中之一就是SpriteKitTileEditor。这款工具易于上手，而且看起来速度特别快。在本教程中，你将了解关于TileE...

程序员简历例句—范例Java、Python、C++模板

个人简介通用简介：有良好的代码风格，通过添加注释提高代码可读性，注重代码质量，研读过XXX，XXX等多个开源项目源码从而学习增强代码的健壮性与扩展性。具备良好的代码编程习惯及文档编写能力，参与多个高...

Telerik UI for iOS Q3 2015正式发布

近日，TelerikUIforiOS正式发布了Q32015。新版本新增对XCode7、Swift2.0和iOS9的支持，同时还新增了对数轴、不连续的日期时间轴等；改进TKDataPoin...

ios使用ijkplayer+nginx进行视频直播

上两节，我们讲到使用nginx和ngixn的rtmp模块搭建直播的服务器，接着我们讲解了在Android使用ijkplayer来作为我们的视频直播播放器，整个过程中，需要注意的就是ijlplayer编...

IOS技术分享|iOS快速生成开发文档(一)

前言对于开发人员而言，文档的作用不言而喻。文档不仅可以提高软件开发效率，还能便于以后的软件开发、使用和维护。本文主要讲述Objective-C快速生成开发文档工具appledoc。简介apple...

macOS下配置VS Code C++开发环境

本文介绍在苹果macOS操作系统下，配置VisualStudioCode的C/C++开发环境的过程，本环境使用Clang/LLVM编译器和调试器。一、前置条件本文默认前置条件是，您的开发设备已...

一周热门
最近发表
标签列表