JavaScript高级编程

以下是为您整理出来关于【JavaScript高级编程】合集内容,如果觉得还不错,请帮忙转发推荐。

【JavaScript高级编程】技术教程文章

Javascript高级编程学习笔记(82)—— 富文本操作(2)

操作富文本与富文本编辑器的交互的主要方式就是使用 document.execCommand() 方法该方法可以对文档执行自定义命令,并且可以应用大多数格式该方法接收三个参数:要执行命令的名称浏览器是否应该为当前页面提供用户界面执行命令的值为了保证跨浏览器的兼容性,最好保证第二个参数为 false,因为Firefox会在该参数为 true 时报错 命令值(第三个参数)说明backcolor颜色字符串设置文档的背景颜色boldnull将选中的文本转为粗体显示copynull将...

Javascript高级编程学习笔记(70)—— 事件(14)内存和性能【代码】

由于事件处理程序是现代的web程序交互能力的提供者 所以在日常实践中,我们免不了要向页面中添加大量的事件处理程序(不管是用于用户交互还是用于统计用户数据) 在创建GUI(图形用户界面)的语言(如C#)中,为GUI中的每一个按钮添加一个onclick事件是司空见惯的事,并且这样做并不会有什么问题 但是在JS中情况就截然不同了,因为在web应用中添加到页面上的事件处理程序的数量将直接影响页面的整体运行性能 导致这一问题的原因有...

Javascript高级编程学习笔记(2)【代码】【图】

script标签 js在浏览器中的使用,肯定会涉及到script标签。 那么script标签有哪些属性呢? 1.async:异步加载(不让页面等待该脚本的加载执行,异步加载页面的其他部分) 2.charset:设置js的字符集编码 3.defer:延迟脚本(当浏览器解析到/html 结束标签时才执行,该属性对嵌入脚本无效) 4.language:代码所使用的脚本语言(已废弃) 5.src:要执行的外部代码文件 6.type:与language类似可以看作是language的替代属性 在上面...

Javascript高级编程学习笔记(1)【图】

此系列文章,用于记录所学,如有错误欢迎指出。 Javascript组成 1.核心(ECMAScript) 2.文档对象模型(DOM) 3.浏览器对象模型(BOM) 1.核心(ECMAScript) ECMAScript说白了是定义Javascript的标准,而这种标准与浏览器并无依赖关系。 我们现在前端所使用的Javascript只是遵循这一标准的,以浏览器为宿主平台的脚本语言。 遵循这一标准的脚本语言都可以称之为js。 而js的宿主平台除了我们最常用的浏览器平台之外,还有node,和...

Javascript高级编程学习笔记(59)—— 事件(3)事件对象【代码】

事件对象 在触发DOM‘事件时,会产生一个事件对象 event 该对象包含着所有与事件有关的信息 所有浏览器都支持 event 对象但是支持的方式有所不同 DOM事件对象 兼容DOM的浏览器会将event对象传入事件处理程序中 如下所示:var btn = document.getElementByTagName("button")[0];btn.onclick = function(event){alert(event.type); //"click" }而通过HTML特性指定的事件处理程序,变量event保存着 event 对象<input type = "button...

Javascript高级编程学习笔记(55)—— DOM2和DOM3(7)操作范围【代码】

操作范围中的内容 在创建范围时,内部会为这个范围创建一个文档片段 范围所属的全部节点都会被添加到这个片段中 虽然选取范围可以不是完整的、良好的DOM结构 但是在这个为范围创建的文档片段中,会自己完缺少的闭合标签,以此构建有效的DOM结构来方便我们操作 上述步骤都是内部实现的,因此我们可以不用过多地关注这一方面 首先是 deleteContents() 这个方法会从文档中删除选中范围的内容 以下方的HTML代码为例<p id = "p1"><b...

Javascript高级编程学习笔记(54)—— DOM2和DOM3(6)范围选择【代码】

范围 为了让开发人员更加方便地控制页面“DOM2级遍历和范围”模块定义了“范围”接口 通过该接口开发人员可以选择文档中的一个区域,而不必考虑元素的界限 在常规操作不能有效地修改文档时,使用范围往往可以达到目的 DOM中的范围 DOM2级在Document类型中定义了 createRange()方法 在兼容该接口的浏览器中,该方法属于document对象 可以使用以下代码,检测浏览器对其的兼容var supportsRange = document.implementation.hasFea...

Javascript高级编程学习笔记(51)—— DOM2和DOM3(3)操作样式表【代码】

操作样式表 在JS中样式表用一种类型来表示,以便我们在JS对其进行操作 这一类型就是CSSStyleSheet 即CSS样式表类型,包括了之前 style 对象所不包括的外部样式表以及嵌入样式表 其中<link>以HTMLLinkElement 类型表示 而<style> 以HTMLStyleELement类型表示 但是这两类样式表更加通用的类型则是继承自 StyleSheet 类型的 CSSStyleSheet 其中继承自 StyleSheet 类型的有以下属性: disabled:表示样式表是否被禁用,该属性可写 hr...

Javascript高级编程学习笔记(49)—— DOM2和DOM3(1)DOM变化

DOM变化 我们知道DOM有许多的版本,其中DOM0和DOM2这两个级别以对事件的纳入标准而为人所知 但是呢,这里不讲事件,在后面会有专门和事件有关的部分作为详细讲解 这里就只讲一下DOM2和DOM3的背景来历 首先DOM1级主要定义的是HTML和XML文档底层的结构,DOM2和DOM3两个级别则主要致力于为文档引入更加丰富的交互能力 与此同时这两个版本也支持了更加高级的XML特性 首先DOM2分为了许多模块 如下所示: 1. DOM2级核心 2.DOM2级视图 3...

Javascript高级编程学习笔记(34)—— 客户端检测(3)用户代理检测【代码】

用户代理检测 前面的文章介绍的是如何检测浏览器对某一功能的支持情况 但是在实践中我们有些时候免不了需要知道用户到底是用的什么浏览器对我们的站点进行访问 这也是统计用户行为的一部分 用户代理检测这种方式就是用于检测用户访问所使用的浏览器的 那么如何进行检测呢? 我之前的文章,讲JS的navigator对象的时候,其中有个 userAgent 属性 这个属性在每次http请求中都会携带在请求头中,这也是我们常说的用户代理字符串 但...