js高程笔记8-10章

第8章 BOM

1.window对象:既是BOM的核心对象,也是ES的Global对象。

2.如果页面包含框架(frame),每个框架都有自己的window对象,保存在frames集合中。

3.top对象始终指向最外层框架,即浏览器窗口,使用它可以在一个框架中访问另一个框架。

 parent对象始终指向当前框架的上层框架。

 self对象始终指向window。

4.window对象关于窗口位置的属性:

  (1)screenLeft和screenTop(火狐不支持)/screenX和screenY(IE不支持)IE指的是文档区相对屏幕的距离,chrome/firefox/safari指的是浏览器窗口相对屏幕距离

  (2)moveTo(x,y)移动到(x,y)坐标处

    moveBy(x,y)在水平和垂直方向分别移动x像素和y像素

  (3)innerWidth和innerHeight视口宽度和高度

      outWidth和outHeight浏览器窗口大小(在chrome中都是表示视口大小)

  (4)resizeTo(x,y)将浏览器窗口调整为x宽和y高

      resizeBy(x,y)x,y表示新窗口与原窗口的差

5.导航到特定目标或者打开新窗口:window.open(URL,目标位置,特性字符串,是否取代历史记录)

  A.opener表示打开这个窗口的原始窗口对象

  A.closed表示浏览器是否被关闭

6.如果弹出窗口被浏览器内置程序屏蔽,window.open()会返回null,如果被插件屏蔽,会抛出错误,必须用try-catch捕捉。

7.超时调用:setTimeout(执行的代码,时间)。时间是指再过多久把当前任务添加到任务队列中

      clearTimeout()取消超时调用

8.间歇调用:setInterval(执行的代码,时间)。

      clearInterval()取消间歇调用。后一个间歇调用可能会在前一个间歇调用结束前启动(视要执行代码而定),所以一般都是用超时调用模拟间歇调用

9.系统对话框:alert(),confirm(),prompt(),window.print(),window.find()



10.location对象:提供当前加载文档相关信息。既是window对象的属性,也是document对象的属性。

11.location.assign(url):打开一个新的URL,跟设置window.location=url和location.href=url一样。浏览器历史记录会增加一条记录,用户可以后退。

   location.replace(url):打开一个新的URL,历史记录不会新增,用户不能后退。

location.reload():重新加载当前页面



12.navigator对象:提供浏览器相关信息

13.navigator.plugins[i]:检测是否安装特定插件

   navigator.registerContentHandler()和navigator.registerProtocolHandler()

14.其他对象:screen对象,history对象

第9章 客户端检测

1.能力检测:(1)先检测达成目的的最常用的特性。(2)必须测试实际要用到的特性。(确保判断条件指明的唯一性)

  检测某个特性是否会按适当方式行事,而不是检测是否存在。P218

2.怪癖检测:运行一小段代码,确定某一特性不能正常工作。

3.用户代理检测:通过用户代理字符串来确定实际使用的浏览器。

第10章 DOM

1.文档节点是每个文档的根节点。<html>为文档元素,为文档最外层元素。HTML元素——元素节点,特性——特性节点,文档类型——文档类型节点,注释——注释节点

2.Node类型:所有节点类型都继承自Node类型,共享基本的属性和方法。

  基本属性:nodeType,nodeName,nodeValue

  节点关系:childNodes,parentNode,previousSibling,nextSibling,firstChild,lastChild,hasChildNodes(),ownerDocument

  操作节点:appendChild(),insertBefore(),replaceChild(),removeChild(),cloneNode(深复制/浅复制),normalize()

3.Document类型:document对象是HTMLDocument(继承自Document类型)的一个实例,而且还是window对象的一个属性。

  子节点:Document节点(文档节点)的子节点可能有DocumentType、Element、ProcessingInstruction、Comment。

      document.documentElement,始终指向<html>元素

      document.body,指向<body>元素

      document.doctype,取得对<!DOCTYPE>的引用

  文档信息:document.title、document.URL、document.referrer、document.domain

  查找信息:getElementById()、getElementByTagName()、namedItem()、getElementByName()、

  特殊集合:document.anchors、document.forms、document.images、document.links

  一致性检测:document.implementation.hasFeature()

  文档写入:write()、writeln()、open()、close()

4.Element类型:表现HTML元素,提供对元素标签名、子节点、特性的访问。

  标签名:nodeName/tagName

  html元素由HTMLElement的子类型来表示,每个html元素都有的属性:id、title、lang、dir、className

时间: 2024-08-27 20:04:33

js高程笔记8-10章的相关文章

《浪潮之巅》读书笔记——第10章 惠普

第10章 惠普  公司发展    硅谷最早的公司    1939 Hewlett和Packard创办    进驻斯坦福工业园    90年代前发现一帆风顺    衰落      领导者的错误        产品线太长.内部混乱        将仪器部门剥离上市(安捷伦)        与亏损的康柏合并        卡莉.菲奥莉娜          1999 最差CEO?          主持朗讯与飞利浦的合并          2002 与康柏合并      日本.中国制造冲击      从

js高程笔记10-12章

第10章 DOM 1.文档节点是每个文档的根节点.<html>为文档元素,为文档最外层元素.HTML元素——元素节点,特性——特性节点,文档类型——文档类型节点,注释——注释节点 2.Node类型:所有节点类型都继承自Node类型,共享基本的属性和方法. 基本属性:nodeType,nodeName,nodeValue 节点关系:childNodes,parentNode,previousSibling,nextSibling,firstChild,lastChild,hasChildNode

js高程笔记16-20章

第16章 HTML5脚本编程 1.跨文档消息传送XDM:向包含在当前页面的<iframe>元素或由当前页面弹出的窗口传递数据. 原窗口发送:postMessage(内容,目标域名) 目标窗口接收后触发window对象的message事件,event对象的属性有data,origin,source 2.原生拖放: 拖放事件:拖放元素上dragstart,drag,dragend,放置元素上dragenter,dragover,dragleave或者drop dataTransfer对象:even

&lt;&lt;Python基础教程&gt;&gt;学习笔记 | 第10章 | 充电时刻

第10章 | 充电时刻 本章主要介绍模块及其工作机制 ------ 模块 >>> import math >>> math.sin(0) 0.0 模块是程序 一个简单的模块 #hello.py print ("Hello,World!") >>> import hello Traceback (most recent call last): File "<pyshell#56>", line 1, i

js高程笔记1-3章

第1章 js简介 1.js由三部分组成,ECMAScript, DOM, BOM. 第2章 在HTML中使用js 1.把<script>标签放在<body>里面的最后,可以在加载js文件前显示页面内容,对用户友好. 2.<script>标签的defer属性表示脚本延迟到页面解析完再执行,async表示表下载脚本边加载HTML,相当于异步. 第3章 基本概念 1.js一切都区分大小写.标识符第一位不能是数字. 2.js五种基本类型:undefined,null,boole

js高程笔记4-5章

第四章 变量/作用域和内存问题 1.从一个变量给另一个变量赋值时,如果是赋基本类型值,是创建一个值副本,两个变量操作互不影响.如果是赋引用类型值,是创建一个引用(指针)的副本.两个变量指向同一个对象,操作互相会影响. 2.函数传参时,如果传基本类型值,函数局部作用域修改值不会再全局作用域体现出来.传引用类型值,局部作用域修改对象会在全局作用域体现出来.P71 3.检测基本数据类型用typeof,检测引用类型值时,想知道是什么类型的对象,用instanceof. 4.js没有块级({})作用域,一

js高程笔记6章

第6章 1.ES有两种属性:数据属性和访问器属性.属性中包含各种特性,表示属性的各种特征. 数据属性:[[Configurable]],[[Enumerable]],[[Writable]],[[Value]] 修改属性使用方法:Object.defineProperty() 访问器属性:[[Configurable]],[[Enumerable]],[[Get]],[[Set]] 访问器属性不包含数值.只能通过Object.defineProperty()定义.通过设置set和get函数,分别

js高程笔记14-15章

第14章 表单脚本 1.提交表单: <input>和<button>标签type设置成submit <input>标签type设置成image 以上方式提交表单会触发submit事件 使用js:form.submit()也可以提交,但不触发事件 可以利用事件验证表单内容和避免重复提交(不能用click触发) 2.重置表单:form.reset() 3.表单elements属性:是所有表单字段的集合 表单字段属性:disabled,form,type,name,value

js高程笔记13章

第13章 事件 1.事件流:描述从页面中接收事件的顺序. 三个阶段:捕获,处于目标,冒泡. 2.事件处理程序:局部变量event表示事件对象,this值为事件目标元素. (1)HTML事件处理程序:可以访问特性.弊端:可能调用事件处理程序时,函数还未定义.同时代码紧密耦合,修改不便. (2)DOM0级事件处理程序:this引用当前元素.弊端:一个元素只能添加一个事件处理程序. (3)DOM2级事件处理程序:addEventListener()和removeEventListener().无法移除