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...