本文主要来学习一下JavaScript插件--滚动监听。 1、案例 滚动监听插件可以根据滚动条的位置自动更新所对应的导航标记。你可以试试滚动这个页面，看看左侧导航的变化。 先把实现的代码上了，你可以通过测试代码先来看看效果。Bootstrap.scrollspy-example{height: 200px;overflow: auto;position: relative;border:1px solid red;}Toggle navigationProject Name@fat@mdoDropdownonetwothree@fatAd leggings keytar, brunch id art ...
最近做otalk,开始是基于prototype1.4的,后来因为我加上了scriptaculous 1.6.1,她要求prototype的版本是1.5的,所以就升级到了1.5,看着demo学习起了scriptaculous的用法. 用法稍后整理,因为在使用过程中很多次效果都不让自己满意,想看代码又看不明白,经过一次折磨,我下定决心,一定要把scriptaculous和prototype的代码看明白! 这里作为我的学习笔记,可能没有什么顺序了逻辑,等到学习完,最后整理 首先是定义类 看着笑笑老师的一些介绍...
56.JS中的焦点顺序:document.getElementByid("表单元素").tabIndex = 1 57.innerHTML的值是表单元素的值:如"how are you",则innerHTML的值就是:how are you 58.innerTEXT的值和上面的一样,只不过不会把这种标记显示出来. 59.contentEditable可设置元素是否可被修改,isContentEditable返回是否可修改的状态. 60.isDisabled判断是否为禁止状态.disabled设置禁止状态 61.length取得长度,返回整型数值 62.addBehavior()是一种JS调用的外...
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中的值类型:...
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中的值类型:...
在引用dojo.js前，最好声明djConfig对象，以便在加载dojo.js时能够取得所设置的值，虽然在0.3版本以后dojo支持在加载后设置，但是强烈建议你把声明djConfig的代码作为第一段script： 一个完整的djConfig对象定义如下（值均为dojo的默认值） js 代码 var djConfig = { isDebug: false, debugContainerId: "", bindEncoding: "", allowQueryConfig: false, baseScriptUri: "", parseWidge...
看了很多的js dom学习资料，发现这个比较详细，特转载给大家学习一下一、DOM基础1.节点(node)层次Document－－最顶层的节点，所有的其他节点都是附属于它的。DocumentType－－DTD引用（使用<!DOCTYPE>语法）的对象表现形式，它不能包含子节点。DocumentFragment－－可以像Document一样来保存其他节点。Element－－表示起始标签和结束标签之间的内容，例如<tag></tab>或者<tag/>。这是唯一可以同时包含特性和子节点的节点类型。Attr...
一、筛选类函数 ancestors、recursivelyCollect、descendants、firstDescendant、immediateDescendants、previousSiblings、nextSiblings、siblings、match、up、down、previous、next、select、adjacent。 二、增、删、改元素类函数 insert、update、remove、replace、wrap、cleanWhitespace 三、设置元素各种属性类函数 visible、toggle、hidde、show、identify、readAttribute、writeAttribute、makeClippi...
先说一下Element对DOM扩展的技术思路，我也是看了一天的代码，这才有了点心得。 使用prototype，我们最常用的莫过于$('div1')之类的代码。从而获得扩展后的element对象，然后，我们就可以用它的各种扩展出来的方法了，如： $('div1').addClassName('loading').show(); 所以，我们研究Element的扩展正应当以此为入口。 function $(element) { if (arguments.length > 1) { for (var i = 0, elements = [], length = arguments.lengt...
为了保证前台页面的整洁，我们习惯性地将CSS放入一个单独的.CSS文件中以便调用，而JS也同样可以放到单独的JS文件中去，并且页面上的事件如onclick，onmouseover也可以分离出来，现在网上比较流行JQuery所以自己也下了一个来学习，把之前写的几个JS代码都转换成JQuery，既能保证代码的清晰，也保证了代码的通用性，真是一举两得啊，由于是初学者，所以代码有许多的不足，还请大家多多指正：）1、实现图片翻转效果，DW本身提供了这个...
如果你想实现什么特效，这个文字不适合你，但如果你想Ext文章，我想鄙人的小文非常适合你。 另：这篇教程是建立在Ext2.2上的。这个很多教程都没说明。让人很糊涂。我在此特别说明 网上很多教程，但是实际使用并不是很多，我想作为一个星期一个星期的总结来给各位网络上的朋友带来帮助。希望各位有用。我会从每个细节都说明，尽量不漏掉作为初学者需要知道的基础知识。第一次写教程，见笑了。 因为我学这个是这样一个过程，通过一个...
1、属性： 为所有匹配的元素设置一个计算的属性值 //为所有的input添加属性class="btn" //$("input").attr("class","btn"); 2、CSS：为每个匹配的元素添加指定的类名 //对所有的提交按钮添加样式 $("input:submit").addClass("btn"); 3、值：获得第一个匹配元素的当前值 //取的某一按钮的值 //alert($("#Button1").val()); 4、Html代码：取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。 //输出div之...
主要包括以下几部分：（1）内部插入（2）外部插入（3）包裹（4）替换（5）删除（6）赋值。那我们就开始详细地看一下。 1、内部插入：向一些元素的内部插入内容 (1)append(content) :向每个匹配的元素内部追加内容，追加到元素内部的末尾，比如 描述: 向所有段落中追加一些HTML标记。 HTML 代码: I would like to say: jQuery 代码: $("p").append("Hello"); 结果: [ I would like to say: Hello ] （2）appendTo(content) 把所有匹...
1 、写 js 的时候用 aptana （ IDE ），有 jquery 的代码提示。 把 code assist 里面的 jqurey1.3 选上就可以了。 2 、为一个元素增加事件的时候不要在 html 里加，在 js 中加。 不要写 要写成： document.getElementById(“id”).onclick = function(){} 3 、把 js 剥离出来，做到 html 和 js 的分离。 Html 中除了引入 js 之外，不要别的 js 代码。 4 、 Jqurey 选择器：基本选择器、层级选择器、基本过滤选择器、内容过滤选择...
var Class = { create: function() { return function() { this.initialize.apply(this, arguments); } } } 定义了一个class函数作为创建类的模版或者说是原型 使用方法 代码如下: Test Class.create() var llinzzi= Class.create(); llinzzi.prototype = { initialize:function(){ document.writeln('This is create when initialize'); }, fuv:function(){document.writeln('This is inline method');} } var linChild = ne...