本章目录 --------window对象 --------document对象 --------事件 一.window对象 函数调用: 自己封装的函数只写:函数名(): 数学函数Math 例:绝对值:Math.abs() window.Name();调用函数 window.top;调用属性 ①打开新窗口 window.open(“一”,“二”,“三”,“四”) 第一部分:页面地址 第二部分:打开方式_blank在新窗口,_self在自身打开 第三部分:控制窗口,用空格隔开 toolbar=no…

JavaScript: ECMAScript: BOM: DOM: 事件 DOM的简单学习 功能:控制html文档内容 代码:获取页面标签(元素)对象和Element document.getElementById("id值"):通过元素id获取元素对象 操作Element对象 修改属性值 明确获取的对象是那个? 查看api文档,找其中有哪些属性可以设置 修改标签体内容 属性,innerhtml 事件简单学习 功能:某些组件被执行了某些操作后,触发某些代码的执行. 如何绑定事件 直接h…

原文:javascript系列之DOM(三)---事件 事件是javascript跳动的心脏,是DOM所有成分结合的万金油.当我们在WEB 上进行某些交互时,事件也就发生了.点击某些内容,鼠标经过特定元素,按下某些按键,改变窗口.当然还可能是浏览器上某个页面加载完毕.通过 javascript你可以监听特定事件的发生,为事件绑定处理函数. DOM事件流 在DOM中,当某一个特定的HTNL元素产生事件时,该事件会在该元素节点与根节点之间按特定的顺序传播,所经过的节点都会监听到该事件(但不一定执行该…

JavaScript学习08 Cookie对象 JavaScript Cookie Cookie对象: Cookie是一种以文件的形式保存在客户端硬盘的Cookies文件夹中的用户数据信息(Cookie数据). Cookie文件由所访问的Web站点建立,以长久的保存客户端与Web站点间的会话数据,并且该Cookie数据只允许被所访问的Web站点进行读取. Cookie文件的格式: NS:Cookie.txt IE:用户名@域名.txt 有两种类型的cookie: (1)持久性cookie,会被存…

JavaScript学习总结(二) ---- 对象 在JavaScript中,几乎用到的每个js都离不开它的对象.下面我们深入了解一下js对象. js中对象的分类跟之前我们学过的语言中函数的分类一样,一个是系统自带的叫预定义对象,一个是用户自己写的叫自定义对象.大体内容如下图所示: 一:核心对象 1.Array对象 数组对象,用来创建数组,使用new 创建 常用的方法如下图: 常用属性: 通过例子说明Array对象的创建和使用,如下. <script language="javascrip…

JavaScript:学习笔记(8)——扩展运算符 对象的扩展运算符 扩展运算符是三个点(...).用于取出参数对象的所有可遍历属性,然后拷贝到当前对象之中. 如上图所示,新建了一个对象a,然后通过扩展运算符将其属性x,y一并拷贝到b对象中. 合并两个对象 扩展运算符可以合并两个对象 自定义属性 合并对象时,可以将对象与一些属性进行合并,如下 需要说明的是,如果用户自定义的属性,放在扩展运算符后面,则扩展运算符内部的同名属性会被覆盖掉. 数组的扩展运算符 复制数组 数组是复合的数据类型,如果直接…

目录 1.自定义对象 2.Array 3.Boolean 4.Date 5.Math 6.Number 7.String 8.RegExp 9.Function 10.Event 在 JavaScript 中一切皆对象,包括数字.字符串.函数等等,此外,JavaScript 还允许自定义对象 1.自定义对象 (1)定义对象 JavaScript 是面向对象的语言,但 JavaScript 不使用类,因此也不会通过类来创建对象 JavaScript 除了可以使用内置对象,还允许通过函数来定义对象…

前言 最近在写ES6的文章的时候发现重复遇到关于javascript深拷贝和浅拷贝的问题,然后查找了一些资料,根据资料和自己的理解做了以下笔记,毕竟javascript关于深拷贝和浅拷贝的问题在一些面试的时候有些面试官可能会进行提问,一起来看看吧! 数据类型 在了解浅拷贝和深拷贝之前,我们先回顾一下javascript中的数据类型,因为在讲浅拷贝和深拷贝的时候就是就是对原始数据类型(基本数据类型)和对象数据类型(引用数据类型)的拷贝 在javascript中,我们将数据类型分为两种,原始数据类型…

javascript浏览器对象模型-windwo对象 BOM Browser Object Model window对象 是BOM中所有对象的核心. 一.属性 1.(位置类型-获得浏览器的位置) IE: window.screenLeft 可以获得浏览器距屏幕左上角的左边距 window.screenTop 可以获得浏览器距屏幕左上角的上边距 //IE //左边距 //alert(screenLeft) //上边距 //alert(screenTop) FF: alert(screenX) al…

1 DOM设置属性的特殊方式: DOM对象的dataset属性方式获取data-xxx方式定义的属性 由于我们经常需要在标签上自定义属性来存储数据或状态,但是如果用传统的方式操作起来比较繁琐,而且不熟悉html规范的人,很容易把自定义的属性和html规范的属性混淆.为了更加方便,高效的实现这个需求,我们可以使用dataset属性 2 使用DOM对象的dataset属性,操作自定义属性时要注意的三点问题: 1 在标签上定义属性时,要以data-为前缀 2 在js中获取/设置通过data-定义的属性…