JavaScript资料,JavaScript文章,JavaScript文档-易库教程

JavaScript 选中文字并响应获取的实现代码

2017年02月06日 22 阅读

本人不怎么会写JS,但是会搜索，这里找到了些别人写好的东西：复制代码代码如下: select（document, tanchu）; /*=select[[ * * 跨浏览器选中文字事件 * @param * object o 响应选中事件的DOM对象，required * function fn（sText,target,mouseP）选中文字非空时的回调函数，required * |-@param * |-sText 选中的文字内容 * |-targ...

IE6、IE7中获取Button元素的值的bug说明

2017年02月06日 20 阅读

测试代码如下: 复制代码代码如下: <button value="abc">测试</button> <script> var btn = document.getElementsByTagName（"button"）[0]; alert（btn.value）; alert（btn.getAttribute（"value"））; </script> IE6/7:IE8/9/10/Firefox/Safari...

IE6、IE7中setAttribute不支持class/for/rowspan/colspan等属性

2017年02月06日 19 阅读

如设置class属性复制代码代码如下:el.setAttribute（"class", "abc"）;在IE6/7中样式“abc”将没有起作用，虽然使用el.getAttribute（"class"）能取到值“abc”。又如for属性复制代码代码如下: <label>姓名：</label><input type="checkbox" id="name"/> <script> var lab = do...

js中设置元素class的三种方法小结

2017年02月06日 22 阅读

一、el.setAttribute（"class","abc"）; 复制代码代码如下: <！DOCTYPE HTML> <HTML> <HEAD> <meta charset="utf-8" /> <title>setAttribute（"class", "abc"）</title> <style type="text/css"> .abc { background: r...

dojo学习第一天 Tab选项卡实现

2017年02月06日 23 阅读

其实不然，用《精通Dojo》里的话来说就是"Dojo不只是一个程序库，而是一个工具包"，它比其他所有的JS库的插件更全面更广阔。它包含大约40个用户界面控件、1个图形框架、cometd支持、1个打包系统，还有其他的一些东西。从dojo官方网站上下载最新版1.6，解压下来，它有三个文件夹分别是：1. dojo: 是Dojo基础，你要做的其它事情都是在它的基础上，类似于jquery.js文件，但比它更丰富了一些其他功能;2. dijit : Dojo的小部...

range 标准化之获取

2017年02月06日 20 阅读

w3c range range 用来表示用户的选择区域，这块选择区域由两个边界位置界定，而位置则由其容器以及偏移量构成，称作 container 与 offset .如下是一个简单的位置示例：复制代码代码如下: <p><span>文字</span>^<span>文字</span></p> 其中 ^ 表示一个位置，则 container 为父节点 p，offset即为相对于父节点的...

IE6,IE7,IE8下使用Javascript记录光标选中范围（已补全）

2017年02月06日 21 阅读

刚和同事讨论了一个很有趣的问题，有个idea，需要记录用户在页面选中的内容，在ff和ie9下有w3c的dom2级事件createRange，这里不再累赘。主要问题是在IE6,7,8只能通过createTextRange选中热区。假如我们知道用户选择开始元素和偏移量，以及结束元素以及偏移量，那么我们可以用下面的例子把用户选择的内容用js给标记起来复制代码代码如下: <head> <script> function mark（） {...

JS target与currentTarget区别说明

2017年02月06日 20 阅读

复制代码代码如下: <div id="outer" style="background:#099"> click outer <p id="inner" style="background:#9C0">click inner</p> <br> </div> <script type="text/javascript"> function G（id）{ return document....

用JS实现一个TreeMenu效果分享

2017年02月06日 21 阅读

今天学的一点小东西和大家分享一下。类似TreeMenu控件. 不废话直接代码：复制代码代码如下: <script language="javascript"> function control（） {//定义函数 if （sMenus3.innerHTML == "+"） {//判断展开状态 ulMenu3.style.display = "block";//如果是“+”号则可以展开 sMenus3.innerText = "-";//...

JS面向对象编程浅析

2017年02月06日 21 阅读

在AJAX兴起以前，很多人写JS可以说都是毫无章法可言的，基本上是想到什么就写什么，就是一个接一个的函数function，遇到重复的还得copy，如果一不小心函数重名了，还真不知道从何开始查找错误，因为大家总是用面向过程的编程思想来写JS代码，而且也由于网络上充斥了太多小“巧”的JS代码段，很多都是随意而为，很不规范，这也就造成了大家对JS的“误解”，一味的认为它就是一个辅助的小东东，而不适合做大的东西开发。但是自从AJAX兴起后，大量的JS代码编写要求人...

有关JavaScript的10个怪癖和秘密分享

2017年02月06日 21 阅读

原文作者：Andy Croxall原文链接：Ten Oddities And Secrets About JavaScript翻译编辑：张鑫旭数据类型和定义 1. Null是个对象 JavaScript众多类型中有个Null类型，它有个唯一的值null, 即它的字面量，定义为完全没有任何意义的值。其表现得像个对象，如下检测代码：复制代码代码如下: alert（typeof null）; //弹出 "object" 如下截图：尽管typeo...

Javascript继承机制的设计思想分享

2017年02月06日 21 阅读

我一直很难理解Javascript语言的继承机制。它没有"子类"和"父类"的概念，也没有"类"（class）和"实例"（instance）的区分，全靠一种很奇特的"原型链"（prototype chain）模式，来实现继承。我花了很多时间，学习这个部分，还做了很多笔记。但是都属于强行记忆，无法从根本上理解。直到昨天，我读到法国程序员Vjeux的解释，才恍然大悟，完全明白了Javascript为什么这样设计。下面，我尝试用自己的语言，来解释...

Javascript 面向对象编程（一）封装

2017年02月06日 21 阅读

学习Javascript，最难的地方是什么？我觉得，Object（对象）最难。因为Javascript的Object模型很独特，和其他语言都不一样，初学者不容易掌握。下面就是我的学习笔记，希望对大家学习这个部分有所帮助。我主要参考了以下两本书籍：《面向对象的Javascript》（Object-Oriented JavaScript）《Javascript高级程序设计（第二版）》（Professional JavaScript for Web Develo...

Javascript面向对象编程（二）构造函数的继承

2017年02月06日 21 阅读

今天要介绍的是，如何生成一个"继承"多个对象的实例。比如，现在有一个"动物"对象的构造函数，复制代码代码如下: function Animal（）{ this.species = "动物"; } 还有一个"猫"对象的构造函数，复制代码代码如下: function Cat（name,color）{ this.name = name; this.color = color; } 怎样才能使"猫"继承"动物"...

Javascript面向对象编程（三）非构造函数的继承

2017年02月06日 22 阅读

今天是最后一个部分，介绍不使用构造函数实现"继承"。一、什么是"非构造函数"的继承？比如，现在有一个对象，叫做"中国人"。复制代码代码如下: var Chinese = { nation:"中国" }; 还有一个对象，叫做"医生"。复制代码代码如下: var Doctor ={ career:"医生" } 请问怎样才能让"医生"去继承"中国人"，也就是说，我怎样才能生成一个"中国医生"的对象？这里要注意，这...

新浪微博字数统计 textarea字数统计实现代码

2017年02月06日 22 阅读

复制代码代码如下: /* * 从新浪微博上抄的 * */ var getLength = （function（）{ var trim = function（h） { try { return h.replace（/^s+|s+$/g, ""） } catch（j） { return h } } var byteLength = function（b） { if （typeof b == "undefined"） { return 0 } var a = ...

非常强大的 jQuery.AsyncBox 弹出对话框插件

2017年02月06日 22 阅读

复制代码代码如下: <link href="asyncbox/skins/ZCMS/asyncbox.css" rel="stylesheet" type="text/css" /> <script src="asyncbox/jQuery.v1.4.2.js" type="text/javascript"></script> <script src="asyncbox/AsyncBox.v1.4.js" typ...

dojo学习第二天 ajax异步请求之绑定列表

2017年02月06日 22 阅读

用户不喜欢滚动条，于是我们做成了选项卡切换，用户不喜欢刷新页面，于是我们就要使用ajax了，前些年，几乎每个web端开发人员，都以懂得一点点ajax而自豪，但知道使用ajax是远远不够的，因为技术是为人而服务的，不能滥用技术，你总不能为了验证一个文本框textbox而去异步请求一次。我还遇到过有人，更新用户信息的时候，使用ajax更新，用户信息中的图片，又使用回发来更新，一个更新中，先ajax卡在那，然后再回发，你说这是多么2的行为？这种人还不少，我还遇到...

javascript 原型继承介绍

2017年02月06日 20 阅读

暑假还搞了ext4的web desktop，更多的也是javascript的东西。对于javascript，以前就只会document.getElementById（）和alert（），现在才开始慢慢深入了解。如果本文有什么不对的地方，请指出。关于javasript，它是基于对象的，因此，它没有类的概念，所以，如果要实现继承，也就只能是利用javascript的原型机制prototype去实现了。（其实这里是错的，感谢 @记忆的森林的提示，还可以用ap...

JS 无限级 Select效果实现代码（json格式）

2017年02月06日 22 阅读

演示地址: http://demo.jb51.net/js/2011/js_select/index.htm数据复制代码代码如下: var data=[ {id:1,name:"前端开发",pid:0}, {id:2,name:"CSS",pid:1}, {id:3,name:"JS",pid:1}, {id:4,name:"HTML",pid:1}, {id:5,name:"数据库",pid:0}, {id:6,name:"SQLServer",pi...

首页 / 脚本样式 / JavaScript

JavaScript 选中文字并响应获取的实现代码

IE6、IE7中获取Button元素的值的bug说明

IE6、IE7中setAttribute不支持class/for/rowspan/colspan等属性

js中设置元素class的三种方法小结

dojo学习第一天 Tab选项卡 实现

range 标准化之获取

IE6,IE7,IE8下使用Javascript记录光标选中范围（已补全）

JS target与currentTarget区别说明

用JS实现一个TreeMenu效果分享

JS面向对象编程浅析

有关JavaScript的10个怪癖和秘密分享

Javascript继承机制的设计思想分享

Javascript 面向对象编程（一） 封装

Javascript面向对象编程（二） 构造函数的继承

Javascript面向对象编程（三） 非构造函数的继承

新浪微博字数统计 textarea字数统计实现代码

非常强大的 jQuery.AsyncBox 弹出对话框插件

dojo学习第二天 ajax异步请求之绑定列表

javascript 原型继承介绍

JS 无限级 Select效果实现代码（json格式）

dojo学习第一天 Tab选项卡实现

Javascript 面向对象编程（一）封装

Javascript面向对象编程（二）构造函数的继承

Javascript面向对象编程（三）非构造函数的继承