所以自己也下了一个来学习，把之前写的几个JS代码都转换成JQuery，既能保证代码的清晰，也保证了代码的通用性，真是一举两得啊，由于是初学者，所以代码有许多的不足，还请大家多多指正：）1、实现图片翻转效果，DW本身提供了这个功能，不过还是自己写的好用，呵呵。之前写的方式比较麻烦，代码也比较乱，用JQuery改造后可以使其更加清晰，核心代码如下： JS代码 代码如下:<script type="text/javascript"> <!-- $(document).read...
所有函数的第一个参数都为：element，表示要操作的元素的引用，这是为了方面在Element.extend时，把这些方法加入到DOM对象中去，用的是methodize函数。调用的时候不需要输入第一个参数了，如： var b=$('div1').visible(); 另外，几乎所有函数都会返回自身，注意，扩展后的元素的类型为：HTMLElement，之所以这么做，有一个好处，就是方便连写代码，如： $('div1').update().insert('这是新插入的内容'); 这样写代...
先说一下Element对DOM扩展的技术思路，我也是看了一天的代码，这才有了点心得。 使用prototype，我们最常用的莫过于$('div1')之类的代码。从而获得扩展后的element对象，然后，我们就可以用它的各种扩展出来的方法了，如： $('div1').addClassName('loading').show(); 所以，我们研究Element的扩展正应当以此为入口。 function $(element) { if (arguments.length > 1) { for (var i = 0, elements = [], length = arguments.lengt...
一、DOM基础1.节点(node)层次Document－－最顶层的节点，所有的其他节点都是附属于它的。DocumentType－－DTD引用（使用<!DOCTYPE>语法）的对象表现形式，它不能包含子节点。DocumentFragment－－可以像Document一样来保存其他节点。Element－－表示起始标签和结束标签之间的内容，例如<tag></tab>或者<tag/>。这是唯一可以同时包含特性和子节点的节点类型。Attr－－代表一对特性名和特性值。这个节点类型不能包含子节点。Text－－...
在引用dojo.js前，最好声明djConfig对象，以便在加载dojo.js时能够取得所设置的值，虽然在0.3版本以后dojo支持在加载后设置，但是强烈建议你把声明djConfig的代码作为第一段script： 一个完整的djConfig对象定义如下（值均为dojo的默认值） js 代码 var djConfig = { isDebug: false, debugContainerId: "", bindEncoding: "", allowQueryConfig: false, baseScriptUri: "", parseWidge...
1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document->html->(head,body) 4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document) 5.得到表单中元素的名称和值:document.getElementById("表单中元素的ID号").name(或value) 6.一个小写转大写的JS: document.getElementById("output").value = document.getElementById("input").value.toUpperCase(); 7.JS中的值类型:...
56.JS中的焦点顺序:document.getElementByid("表单元素").tabIndex = 1 57.innerHTML的值是表单元素的值:如<p id="para">"how are <em>you</em>"</p>,则innerHTML的值就是:how are <em>you</em> 58.innerTEXT的值和上面的一样,只不过不会把<em>这种标记显示出来. 59.contentEditable可设置元素是否可被修改,isContentEditable返回是否可修改的状态. 60.isDisabled判断是否为禁止状态.disabled设置禁止状态 61.length取得长度,返回整...
1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document->html->(head,body) 4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document) 5.得到表单中元素的名称和值:document.getElementById("表单中元素的ID号").name(或value) 6.一个小写转大写的JS: document.getElementById("output").value = document.getElementById("input").value.toUpperCase(); 7.JS中的值类型:...
最近做otalk,开始是基于prototype1.4的,后来因为我加上了scriptaculous 1.6.1,她要求prototype的版本是1.5的,所以就升级到了1.5,看着demo学习起了scriptaculous的用法. 用法稍后整理,因为在使用过程中很多次效果都不让自己满意,想看代码又看不明白,经过一次折磨,我下定决心,一定要把scriptaculous和prototype的代码看明白! 这里作为我的学习笔记,可能没有什么顺序了逻辑,等到学习完,最后整理 首先是定义类 看着笑笑老师的一些介绍...
正则表达式：对字符串中的信息实现查找、替换和提取操作。（不支持注释和空白，必须写在一行内） 正则表达式的创建：包含在一对斜杠之间的字符（直接量语法） 例如：var pattern = /s$/; // 创建一个正则来匹配所有以字母s结尾的字符串，并赋值给pattern 一 、字符类 将直接量字符单独放进方括号内就组成了字符类。 一个字符类可以匹配它所包含的任意字符。 正则表达式的字符类： [...] 方括号内的任意字符 [^...] 不在方...
今天看了第5章几个例子，有点收获，记录下来当作回顾也当作分享。 关于匹配字符串问题，有很多种类型，今天讨论 js 代码里的字符串匹配。(因为我想学完之后写个语法高亮练手，所以用js代码当作例子)代码如下:var str1 = "我是字符串1哦，快把我取走", str2 = "我是字符串2哦，快把我取走"; 比如这样一个字符串，匹配起来很简单 /"[^"]*"/g 即可。 PS: 白色截图是 chrome 34 控制台中运行的结果，深灰色是 sublime text 结果。 很容...
1、创建正则表达式 第一种方式：注意这里的正则表达式不能使用单引号或者双引号，如下 var pattern1 = /[abc]/i; // 匹配第一个"a"或"b"或"c"，不区分大小写 第二种方式：使用RegExp构造函数创建，该构造函数传入两个参数，都是字符串，所以需要特别注意"\"符号的转换，所有元字符（下面有讲元字符）需要双重转义，如下 代码如下:var patt1 = new RegExp("[abc]","gi"); // 这里等价于 var patt1 = /[abc]/gi; alert("[abc]".matc...
一、创建正则表达式 创建正则表达式和创建字符串类似 ， 创建正则表达式提供了两种方法 ， 一种是采用 new运算符，另一个是采用字面量方式。 代码如下: var dog = new RegExp(dog); // 第一个参数字符串 var dog = new RegExp(dog, ig); // 第二个参数可选模式修饰符 var dog = /dog/; var dog = /dog/ig; //字面量方式。 RegExp 对象包含两个方法 ： test() 和 exec() ， 功能基本相似 ， 用于测试字符串匹配 。...
代码如下:var str="abcdefghijklnabcdefghijklmnabcabdefghijklmn"; re=/a/g; alert(re.test(str)); //test方法调用返回 true false 表示是否在指定字符串找到匹配的字符--true alert(re.exec(str)); //返回字符串中匹配表达式的第一个字符串 --a alert(str.match(re)); //返回一个数组，每一项都匹配表达式的数组---[a,a,a] 注意正则一定要使用g全局变量 alert(str.search(re)) //返回匹配的正则第一次出现的位置从0开始,没有找到...
. 匹配除换行符的任意字符\w 匹配字母，数字，下划线，汉字\s 匹配任意空白符\d 匹配数字^ 匹配字符开始位置$ 匹配字符结束位置* 重复零次或更多次+ 重复一次或更多次? 重复零次或一次{n} 重复N次{n,} 重复N次或更多次{n,m} 重复N次或m次url参数匹配的问题 var str="http://ladjkfldfjlfjlafjlfk/-1-1.html?sdlfjsdlkfjsdlfjo";//这是一个url //要求把URL里面-1.html的 -1 替换成一个别的东西 //所以我这样写 re=/-\d+\.html/;...