1.1 节点 筛选 getRootNode返回上下文的根节点. querySelector返回文档中匹配指定 CSS 选择器的第一个元素. querySelectorAll返回文档中匹配指定 CSS 选择器的所有元素. getElementById getElementsByClassName getElementsByName方法可返回带有指定名称的对象的集合. getElementsByTagName getElementsByTagNameNS(XML) createNodeIterato…

1.1 节点类型 ELEMENT_NODE 1 一个 元素 节点,例如 <p> 和 <div>. TEXT_NODE 3 Element 或者 Attr 中实际的文字 PROCESSING_INSTRUCTION_NODE 7 一个用于XML文档的 ProcessingInstruction ,例如 <?xml-stylesheet ... ?> 声明. COMMENT_NODE 8 一个 Comment 节点. DOCUMENT_NODE 9 一个 Document…

1.1 停止使用的属性 fgColor.linkColor.vlinkColor.alinkColor.bgColor. 1.2 文档地址 document.URL 与documentURI属性返回同样的值.但是不像 URL,documentURI 适用于所有类型的文档. origin返回文档的来源.通常该属性与 document.defaultView.location.origin 相等. baseURI domain获取/设置当前文档的原始域部分, 用于同源策略.如果当前文档的域无法识别,…

W3C性能小组引入的新的API,目前IE9以上的浏览器都支持. 为了解决当前性能测试的困难,W3C推出了一套性能API标准,各种浏览器对这套标准的支持如今也逐渐成熟起来.这套API的目的是简化开发者对网站性能进行精确分析与控制的过程,方便开发者采取手段提高web性能. 1.1 Timing 该对象能够帮助网站开发者检测真实用户数据(RUM),包含了各种与浏览器性能有关的时间数据,提供浏览器处理网页各个阶段的耗时,它包含的页面性能属性如下表: startTime 有些浏览器实现为navigatio…

1. history(H5) Window.history保存用户在一个会话期间的网站访问记录,用户每次访问一个新的URL即创建一个新的历史记录. 1.1 length 返回浏览器历史列表中的 URL 数量. 1.2 scrollRestoration[H5] 目前(2018.01)这是一个实验性的API,请勿在生产环境中使用它. History API:ScrollRestoration 允许Web应用程序在历史导航上显式地设置默认滚动恢复行为.此属性可以是自动的(auto)或者手动的(man…

1. Location Location 对象包含有关当前 URL 的信息.Location 对象是 Window 对象的一个部分,可通过 window.location 属性来访问. 1.1 Location对象属性 hash 设置或返回从井号 (#) 开始的 URL(锚). host 设置或返回主机名和当前 URL 的端口号. hostname 设置或返回当前 URL 的主机名. href 设置或返回完整的 URL. pathname 设置或返回当前 URL 的路径部分. port 设置或返…

第1章 connection[试验] navigator.connection 是只读的,提供一个NetworkInformation 对象来获取设备的网络连接信息.例如用户设备的当前带宽或连接是否被计量, 这可以用于基于用户的连接来选择高清晰度内容或低清晰度内容. 1.1 使用 下面是一个侦测用户设备连接状态变化的例子: var connection = navigator.connection || navigator.mozConnection || navigator.webkitCon…

1.1 不常用 alert:带有一条指定消息和一个OK按钮的警告框. confirm:带有指定消息和OK及取消按钮的对话框. prompt:可提示用户进行输入的对话框. print:打印网页. open:打开一个新的浏览器窗口或查找一个已命名的窗口. stop:模拟用户点击浏览器上的“停止”按钮,终止浏览器的下载操作. close:用于自动关闭浏览器窗口. focus:可把键盘焦点给予一个窗口. blur:可把键盘焦点从顶层窗口移开. 下列方法别用:find 1.2 定时器 大名鼎鼎的2个定时器…

1. string属性 1.1 origin window.origin使用返回的是当前网页的网址.打开百度首页,并在控制台中输入 window.origin 控制台中会输出"https://www.baidu.com",并不包含查询字符串,比如浏览器地址栏输入https://www.baidu.com/?nDos=great.打开百度首页之后,使用window.origin也不会输出其中的?nDos=great. 1.2 name name 属性可设置或返回存放窗口的名称的一个字符串…

JS and Jquery 都能获取页面元素的宽度,高度和相对位移等数值,那他们之间能相互转换或替代吗,写法又有哪些差异呢?本文将详细为你介绍. 1.Js获取浏览器高度和宽度document.documentElement.clientWidth ==> 浏览器可见区域宽度 document.documentElement.clientHeight ==> 浏览器可见区域高度 document.body.clientWidth ==> BODY对象宽度 document.body.cli…

1. screen 1.1 availHeight/Width screen.availWidth返回浏览器窗口可占用的水平宽度(单位:像素). screen.availHeight返回浏览器窗口在屏幕上可占用的垂直空间,即最大高度. 1.2 availLeft/Top availTop:浏览器窗口在屏幕上的可占用空间上边距离屏幕上边界的像素值. availLeft:返回浏览器可用空间左边距离屏幕(系统桌面)左边界的距离. 大多数情况下,该属性返回 0. 如果你在有两个屏幕的电脑上使用该属性,在…

在控制台输入window. caches可输出一个叫做CacheStorage的对象,它用来存储 Response 对象的.也就是说用来对 HTTP ,响应做缓存的.虽然 localStorage 也能做,但是它可能更专业. CacheStorage 在浏览器上的引用名叫 caches 而不是驼峰写法的 cacheStorage,它定义在 ServiceWorker 的规范中.CacheStorage 是多个 Cache 的集合,而每个 Cache 可以存储多个 Response 对象. cac…

1. [事件]动画 onanimationstart onanimationend onanimationiteration onwebkitanimationend onwebkitanimationiteration onwebkitanimationstart 2. [事件]过渡 ontransitionend事件在 CSS 完成过渡后触发. onwebkittransitionend 3. [事件]鼠标 尚不知用法的事件:oncancel.onclose.oncuechange oncl…

1. 窗体和工具条 1.1 窗体 frames.self.window.parent.top.opener. frames 数组类型,页面中iframe的引用,如果页面有2个iframe,则frames是长度为2的数组. self self === window // true. parent 若不存在父窗口,则parent指向当前window. top 若不存在顶层窗口,则top指向当前window. opener window.opener 实际上就是通过window.open打开的窗体的父…

1. number属性 1.1 length length 属性返回在当前窗口中frames的数量(包括IFRAMES). 该属性值与window.frames.length属性值相等. 1.2 innerWidth/Height 窗口中文档显示区域的宽度,该属性可读可写,以像素计. 这里的宽度和高度不包括菜单栏.工具栏以及滚动条等的高度. IE8之前不支持这些属性.它用 document.documentElement 或 document.body (与 IE 的版本相关)的 clientW…

Navigator的5个主要属性: appName:Web浏览器的名称 appVersion:浏览器的版本号和其他版本信息 userAgent:浏览器在它的USER-AGENT HTTP标题中发送的字符串.该属性包含appName,appVersion属性的所有信息 appCodeName:浏览器的代码名 platform:客户浏览器所在的操作系统 1.1 特征检测 这个是针对要了解浏览器的具体哪一项信息或者具体支持哪一项特定功能来决定的检测方式. 非精确判断,但却最安全.我们只要知道它存在不存…

作者:钱宝坤 标准参考 无. 问题描述 execCommand 方法通常用于控制可编辑的 IFRAME 内容,制作富文本编辑器. 但他现在为止还是非标准的,方法的首参数 Commmands 的可选值由各个浏览器厂商制定,支持程度并不统一. 造成的影响 使用仅有某个浏览器支持的 Commmands 参数会造成其他浏览器运行时脚本出错,从而影响其他浏览器内正常脚本继续执行. 受影响的浏览器 所有浏览器   问题分析 document.execCommand 方法提供了对浏览器内置命令调用的接口,他暂…

标准参考 无. 问题描述 各浏览器使用 document.id 和 document.name 方法获取对象引用的支持存在差异. 造成的影响 某些浏览器中通过 document.id 和 document.name 可能无法获取元素,导致脚本异常,功能不可用. 受影响的浏览器 所有浏览器   问题分析 参考 W3C 规范中 HTML5 草案:3.1.1 Documents in the DOM 参考 W3C 规范中 HTML5 草案:3.1.4 DOM tree accessors 1. DOM…

我用两种方法来生成img对象,第一种方法是用new方法,第二种方法是用document.createElement方法. var img1 = new Image(); var img2 = document.createElement('img'); var img1 = new Image(); var img2 = document.createElement('img'); 其实,乍一看,感觉有些不同,但是具体什么不同,一下子也说不上来. 在console窗口,比较看看,都是生成img对…

如题,可用document.referrer方法获取上一页面的url 但是也有不可使用的情况 直接在浏览器地址栏中输入地址: 使用location.reload()刷新(location.href或者location.replace()刷新有信息): 在微信对话框中,点击链接进入微信自身的浏览器: 扫码进入QQ或者微信的浏览器: 直接新窗口打开一个页面: 2017.8.3更新 新版本Chrome测试,新窗口页面依然有document.referrer 从https的网站直接进入一个http协议的…

js获取浏览器基本信息:document.body.clientWidth/clientHeight/scrollWidth/scrollTop. 分类: js.jquery.ext.js技术2011-07-28 17:20 6532人阅读 评论(1) 收藏 举报 浏览器firefoxopera文档htmlie 网页可见区域宽:document.body.clientWidth网页可见区域高:document.body.clientHeight网页可见区域宽:document.body.offs…

js进阶 10-3  jquery中为什么用document.ready方法 一.总结 一句话总结: 1.document.ready和window.onload的区别:用哪个好? document.ready直接加载完dom树即可加载,document.ready可加载多个 2.document.ready函数怎么写? $(document).ready(匿名函数) 3.window.onload函数怎么写? window.onload=function(){} 4.js中某个元素的某个方法比…

最近做了一个Ajax的demo,前台用HTML+javascript,后台用一个servlet来响应,流程如下: 页面点击链接事件,由js捕获,生成一个请求到后台,servlet处理后给出响应信息,并显示在页面上. 问题是,页面无法获取到servlet的响应信息. 初始代码 index.html <!DOCTYPE html> <html> <head> <title>Test H2</title> <style> #result{…

网上转了一圈发现没有selection方面的解释,自己捣鼓下 以这段文字为例子.. <p><b>法国国营铁路公司(SNCF)20日承认,</b>新订购的2000列火车因车体过宽,<strong>无法开进国内许多火车站的站台,从而不得不花大笔资金改造站台.</strong>法国国营铁路公司发言人克里斯托夫·皮耶诺埃尔告诉法国新闻电台:“我们发现问题晚了点.<b>我们承认这一失误并为此承担责任.”</b></p>…

Javascript对象属性与方法汇总 发布时间:2015-03-06 编辑:www.jquerycn.cn 详细介绍下,javascript对象属性与对象方法的相关知识,包括javascript字符串.数组.日期等对象的属性与常用方法,有需要的朋友参考下. 本节主要内容: Javascript对象属性与方法 对Javascript对象属性方法做一个详细的汇总介绍,供jquery中文网的朋友参考. 数组(Array):系列元素的有序集合 属性: length:用于获取数组元素的个数,既最大下标加…

window对象的方法 window.alert(msg) window.close() window.print() var a = window.setIntval(function,毫秒) //开始任务 window.clearIntval(a) //可以停止上个函数的任务 window.setTimeout(function,毫秒)//多少时间后执行function 只执行一个function window.clearTimeout(定时器对象) window对象的子对象 window.…

jquery最大的好处是将js对html页面的操作(读写)进行了封装,隔离了浏览器的差异性,并简化了操作,和提供了强大的功能. 在web页面中,所有的js操作都是围绕操作dom对象来的.而jquery对象就是对dom对象的封装.整个jquery代码的主要工作就是获取相应的jquery对象,然后调用对象的各种方法进行操作.也就是获取jquery对象是编写代码的核心和基础. 通过jquery提供的方式,可以有很多种获取jquery对象的方法,下面会介绍一些常用的方式. 在jquery中,是通过各式各…

基本概念 document.createDocumentFragment 方法会创建一个 DocumentFragment 对象,该对象是一个存在于 DOM 树之外的 DOM 节点.它有一个非常有用的特性:当 DocumentFragment 节点被插入 DOM 树时,插入 DOM 树的其实并不是 DocumentFragment 节点,而是它的所有子孙节点(即 DocumentFragment 节点本身会自动消失).这个特性使其常被拿来当作 DOM 操作的 buffer,即当有大量 DOM 节…

 FileReader对象的readAsDataURL方法可以将读取到的文件编码成Data URL.Data URL是一项特殊的技术,可以将资料(例如图片)内嵌在网页之中,不用放到外部文件.使用Data URL的好处是,您不需要额外再发出一个HTTP 请求到服务器端取得额外的资料:而缺点便是,网页的大小可能会变大.它适合应用在内嵌小图片,不建议将大图像文件编码成Data URL来使用.您的图像文件不能够超过浏览器限定的大小,否则无法读取图像文件. 参考以下使用readAsDataURL读取图像文…

window对象有以下方法: open close alert confirm prompt setTimeout clearTimeout setInterval clearInterval moveBy moveTo resizeBy resizeTo scrollBy scrollTo find back forward home stop print blur focus captureEvent enableExternalCapture disableExternalCapture…