TextRange对象是动态HTML(DHTML)的高级特性，使用它可以实现很多和文本有关的任务，例如搜索和选择文本。文本范围让您可以选择性的将字符、单词和句子从文档中挑选出来。TextRange对象是在HTML文档将要显示的文本流上建立开始和结束位置的抽象对象。下面是TextRange的常用属性与方法：属性boundingHeight 获取绑定TextRange对象的矩形的高度boundingLeft 获取绑定TextRange 对象的矩形左边缘和包含TextRange对象的左侧之间的距离of...
模块概览在nodejs中，path是个使用频率很高，但却让人又爱又恨的模块。部分因为文档说的不够清晰，部分因为接口的平台差异性。将path的接口按照用途归类，仔细琢磨琢磨，也就没那么费解了。获取路径/文件名/扩展名获取路径：path.dirname(filepath)获取文件名：path.basename(filepath)获取扩展名：path.extname(filepath)获取所在路径例子如下：var path = require(path); var filepath = /tmp/demo/js/test.js; // 输出：/tmp/d...
DOM总结1.DOM的含义 DOM是Document Object Model文档对象模型的缩写。根据W3C DOM规范,DOM是一种与浏览器，平台，语言无关的接口，使得你可以访问页面其他的标准组件。 DOM 中的节点： * 整个文档就是一个文档节点。 * 而每一个HMTL标签都是一个元素节点(divElement)。 * 标签中的文字则是文本节点(div)。 * 标签的属性是属性节点(divAttribute)。 * 一切都是节点 2.查找元素 1.通过id获取某个标签，document.ge...
Ajax请求jquery ajax函数我自己封装了一个ajax的函数，代码如下：var Ajax = function(url, type success, error) {$.ajax({url: url,type: type,dataType: json,timeout: 10000,success: function(d) {var data = d.data;success && success(data);},error: function(e) {error && error(e);}});};// 使用方法：Ajax(/data.json, get, function(data) {console.log(data);});jsonp方式有时候我们为了跨域，要使用jsonp的方法，我也...
依赖的一些原则和规范：原子思想，即确认每个function就做一件事归纳思想，将同一类的操作，全部整合到一起方便维护，可以便于后来人进行快速维护方便拓展，即可以根据每个不同的项目进行不同的更改通用前端设计模式，一些前端可以通用的设计模式 代码如下：/*** Created by gerry.zhong on 2016/10/11.*/ var gerry = (function(){//创建一个独立的对象，注入所有的方法，包括你想抛出去和不想抛出去的var tool = {AAAA:functi...
js原生的循环有两种，一般的for循环和for...in循环。还有一种常用jQuery.each()循环。 一. js原生循环 a. for循环，代码如下： var myArray = [1,2,3]; for (var i = 0; i < myArray.length; i++) {console.log(myArray[i]); }; console： 1，2，3 b. for...in循环，代码如下： var myArray = [1,2,3]; for (var arr in myArray ) {console.log(arr); }; console： 1，2，3 c. for和for...in的共同点： 都可以用于数组的循环 d. ...
网站中的回到顶部功能有益于增强用户体验，当一个页面很长很长时，回到顶部是必不可少的。回到顶部按钮，可以使用图片，背景图，矢量字体图标，也可以使用代码 css 生成。这里使用 css 生成的方法。html:css: #toTop {display: none;position: fixed; /* 固定定位 */right: 10px;bottom: 30px;background-color: #e6e6e6;height: 40px;line-height: 40px;width: 40px;transition: all .4s ease .1s; }#toTop:hover { background-co...
本文针对开发项目中遇到的问题，进行了汇总问题1：如何选择select的option里面的值？ 首先会用到一个方法 onchange（）；这个方法主要用于触发，选择框内容改变时间实现代码：???? ????安静 ????晴天 ????七里香 ?? ?? ????function test (e) { ??????var e = event ? event : window.event; ??????alert(e.target.value); ????} ? 你可以到这里运行并查看效果 问题2：可是在开发中，我们一般选择了内容只是为了显示，而真正要做的...
对于字符串的切割截取平时所用可能不是特别多，而且分的比较细，所以自备自查。有备无患。由于之前所有均在一个demo测试，若是哪里打错了，敬请谅解。一些其余属性找时间继续添加。1.函数：split()功能：使用一个指定的分隔符把一个字符串分割存储到数组 str=”jpg|bmp|gif|ico|png”; arr=str.split(”|”); //arr是一个包含字符值”jpg”、”bmp”、”gif”、”ico”和”png”的数组 2.函数：join()功能：使用您选择的分隔符将一...
简单事件模型和高级事件模型 简单事件模型和高级事件模型简单事件，就是事件与页面元素直观的绑定在一起的形式，如：element.onclick = function(){alert(this.innerHTML);} 只要不是用了个别浏览器独有的事件，一般的click，mouseover事件等在各浏览器中都可以这么使用。 但是当一个事件需要绑定多个监听，或者需要动态注册/移出监听时，简单事件模型就不够用了，需要使用高级事件模型（IE和其他浏览器在使用高级事件模型时就有区...
1. children与childNodesIE提供的children、childNodes和firefox下的childNodes的行为是有区别的，firefox下childNodes会把换行和空白字符都算作父节点的子节点，而IE的childNodes和children不会。比如：yizhu2000 d为dd的div在IE下用childNodes查看，其子节点数为1，而ff下为三，我们可以从firefox的dom查看器里面看到他的childNodes为["\n ", div, "\n"]。要在firefox下模拟children的属性我们可以这样做： if (typeof(HTMLEleme...
先说说TextRange 的常用方法 collapse([bStart]) 移动Range的插入点 bStart true(移到开头) false(移到末尾) findText(sText [, iSearchScope] [, iFlags]) 在Range中查找sText iSearchScope 开始位置，负数方向搜索 iFlags 2(整词匹配) 4(区别大小写) moveStart(sUnit [, iCount]) moveEnd(sUnit [, iCount]) 移动Range的开头或结尾 sUnit character(字) word(词) sentence(句) textedit(Range) iCount 移动数量，默认为1 mov...
1、dayin() 作用：将id为dayin的内容，新建页面并打印，可解决打印某页面中的部分内容的问题。 使用方法：将要打印的内容通过 包含起来，然后在某个按扭中定义 事件 function dayin() { var code="" code+=document.all.dayin.innerHTML; code=code.toUpperCase(); code=code.replace(/]*>删除<\/A>/gi, ""); code=code.toLowerCase(); var newwin=window.open(,,); newwin.opener = null; newwin.document.wri...
传统办法，在标签内加属性 代码多，修改难link1 link1 link1 link1 link1 非标准 中级办法，全局控制 CSS实现 增加IE负担，不推荐使用 a{blr:expression(this.onFocus=this.close());} a{blr:expression(this.onFocus=this.blur());} HTC实现 IE支持，并有延迟，不推荐 把下面这段代码存为.htc为扩展名的文件 function hscfsy(){ this.blur(); } 样式调用 a {behavior:url(htc文件所在路径地址)} 高级办法，全局控制 遍历实现...
IE下的Range操作比Mozilla下强很多，这里只讨论IE下的操作。 这里选介绍几个光标定位的特点：1.光标不变 直接obj.focus()，光标会返回之前的位置，即位置不变 2.光标在最前 代码如下:var r = obj.createTextRange(); r.collapse(); r.select(); 用这个方法可以使光标在input框最前面 3.光标在最后 代码如下:var r = obj.createTextRange(); r.collapse(false); r.select(); 用这个方法可以使光标停在input框的最后 4...