javascript对象

最新推荐文章于 2024-05-21 14:15:14 发布

努力敲代码的小火龙

最新推荐文章于 2024-05-21 14:15:14 发布

阅读量703

点赞数 27

分类专栏： js 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/m0_46702681/article/details/137878418

版权

js 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

trim（）：去除字符申前后两端的空白字符

Array对象

JavaScript Array对象用于定义数组

定义：

方式一:

var 变量名=new Array（元素列表）

示例：

方式二：

var 变量名=[元素列表]

示例：

访问：

arr[索引]=值

这里的索引也是从0开始

JS数组类似于Java集合，长度，类型都可变

没有的数据用空字符表示

可以看到类型也是可以改变的

属性：

length属性：数组中元素个数

方法：

push：添加

splice：删除

表示从arr[0]开始删，删除一个元素

String对象

定义：

方式一：

var 变量名=new String（s） ;

方式二：

var 变量名=s；

属性：

length：字符串长度

方法

trim（）：去除字符申前后两端的空白字符

这样输出是有很多空格的

下面我们使用trim（）方法

自定义对象

var 对象名称 ={
        属性名称1:属性值1,

        属性名称2:属性值2,

        ....
        函数名称:function(形参列表){}

        ...

        };

BOM对象

Browser Object Model 浏览器对象模型
Javascript 将浏览器的各个组成部分封装为对象

组成:

Window:浏览器窗口对象
Navigator:浏览器对象
Screen:屏幕对象
History:历史记录对象
Location:地址栏对象

Window

Window:浏览器窗口对象

获取:

直接使用 window，其中window.可以省略

window.alert("abc");

属性:

获取其他 BOM对象

history 对 History 对象的只读引用。请参数 History 对象

Navigator 对 Navigator 对象的只读引用。请参数 Navigator 对象.

Screen 对 Screen 对象的只读引用。请参数 Screen 对象

location 用于窗口或框架的 Location 对象。请参阅 Location 对象。

方法：

alert() 显示带有一段消息和一个确认按钮的警告框。
confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框。
setInterval() 按照指定的周期(以毫秒计)来调用函数或计算表达式。
setTimeout() 在指定的毫秒数后调用函数或计算表达式。

confirm：

点击确定按钮。返回true。点击取消按钮，返回false

是会有返回值的，我们可以看看用户点击的是什么

点击确定后

点击取消后

setTimeout()

3秒钟之后弹出haha

setInterval()

两秒钟弹一次haha

History

History：历史记录

获取:

使用 window.history获取，其中window.可以省略

window.history.方法();

history.方法();

方法

back() 加载 history 列表中的前一个 URL
fonward() 加载 history 列表中的下一个 URL

Location

Location:地址栏对象

获取:

使用 window.location获取，其中window.可以省略

window.location.方法();

location.方法();

属性

href 设置或返回完整的 URL。

DOM对象

JavaScript 通过 DOM，就能够对 HTML进行操作了

改 HTML 元素的内容
改变 HTML元素的样式(CSS)
对 HTML DOM 事件作出反应
添加和删除 HTML 元素

获取Element

Element：元素对象

获取:使用Document对象的方法来获取

getElementByld:根据id属性值获取，返回一个Element对象
getElementsByTagName:根据标签名称获取，返回Element对象数组
getElementsByName:根据name属性值获取，返回Element对象数组
getElementsByClassName:根据class属性值获取，返回Element对象数组

<body>

<img id="love" src="4c6468f4debfa0fbdf5b7826ceee663.jpg" width="500" height="500"><br>
<div class="cls">csdn</div>
<br>

<div class ="cls">努力敲代码的小火龙</div>
<br>
<input type="checkbox" name="hobby">电影
<input type="checkbox" name="hobby">旅游
<input type="checkbox" name="hobby">敲代码
<br>