JavaScript 事件冒泡简介及应用

2017年02月06日 27 阅读

一、什么是事件冒泡 在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理（父级对象所有同类事件都将被激活），或者它到达了对象层次的最顶层，即document对象（有些浏览器是window）。 打个比方说：你在地方法院要上诉一件案子，如果地方没有处理此类案件的法院，地方相关部门会帮...

Extjs学习笔记之九 数据模型（上）

2017年02月06日 27 阅读

Extjs的数据模型分为以下几个部分： 数据记录 Record 数据集合中的一个条记录，包括数据的定义和值。相当于实体类。 数据代理 Proxy 用来获取数据的代理。相当于Datasource。 数据解析器 DataReader 负责将Proxy获取的数据解析出来传换成Record并存入Store中。相当于C#的DataReader。 数据集 Store 一个保存数据的集合，类似于C#的Datatable。 Extjs3的Proxy较以前版本有了一些变动，...

javascript Object与Function使用

2017年02月06日 26 阅读

如今的JavaScript再也不是以前被当做玩具的在网页上运行的花哨的脚本了。JavaScript已经逐渐标准化，作为一门真正的编程语言广泛地应用在Web开发上。因此，越来越多的人开始重新认识这门脚本语言，并在不断地探索关于JavaScript核心思想和实现原理，过程中遇到了一些非常混淆的问题。本文着重解释一个比较常见但是非常容易使开发人员或者是初学JavaScript的人非常混淆的问题，那就是两个核心构造函数Object和Function，他们之间到底有...

取选中的radio的值

2017年02月06日 25 阅读

复制代码 代码如下:var gender = $（"input：checked"）.val（）;...

JavaScript 学习笔记（九）call和apply方法

2017年02月06日 26 阅读

call和apply方法 call方法可改变上下文this指针，类似的方法还有apply，主要用在js对象各方法互相调用的时候，使当前this实例指针保持一致,或在特殊情况下需要改变this指针。 obj1.method1.call（obj2,argument1,argument2） 如上，call的作用就是把obj1的方法放到obj2上使用，后面的argument1…这些做为参数传入。 举一个具体的例子 复制代码 代码如下: function add（a...

javascript下判断一个对象是否具有指定名称的属性的的代码

2017年02月06日 25 阅读

hasOwnProperty 方法 返回一个布尔值，指出一个对象是否具有指定名称的属性。 object.hasOwnProperty（proName） 兼容WinIE5.5+, MacIE-, NN6+, Moz+, Safari- 参数 object 必选项。一个对象的实例。 proName 必选项。一个属性名称的字符串值。 说明 如果 object 具有指定名称的属性，那么 hasOwnProperty 方法返回 true；反之则返回 false。此方...

Javascript 实现TreeView CheckBox全选效果

2017年02月06日 25 阅读

复制代码 代码如下: function OnTreeNodeChecked（） { var ele = event.srcElement; if （ele.type == "checkbox"） { var childrenDivID = ele.id.replace（"CheckBox", "Nodes"）; var div = document.getElementById（childrenDivID）; if （div ！= null） { var ...

jquery插件 cluetip 关键词注释

2017年02月06日 23 阅读

这个可以用jquery的一个插件cluetip地址下载是:plugins.learningjquery.com/cluetip/demo/ 下面简单讲解下用法: 1 首先当然要放JQUERY的基本JS,和这个插件的JS了,如: <a class="title" href="#" title="This is the title|The first set of contents comes after the first delimiter........

jquery 交替为表格添加样式的代码

2017年02月06日 25 阅读

下面就是我的“作品”啊，只是简单的实现其功能，并未做其他的功能啊 运行后，需要刷新下， 上面得代码比较简单，更多的例子，可以搜索脚本之家以前发布的文章。 表头表头表头 脚本之家jb51.net4561263 1234567898794561263 1234567898794561263 1234567898794561263 1234567898794561263 1234567898794561263 12345...

jquery下操作HTML控件的实现代码

2017年02月06日 25 阅读

操作下拉框[Select] 1. $（"#seelctId"）.append（"<option value=""+optionval+"">"+text+"</option>"）;//给下拉框增加 一下option选项 （ddlSayTo这是下拉框的ID） $（"#seelctId"）.val（optionval）;//选中刚才增加的option 2. $（"#seelctId option:selected"）.text...

JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合

2017年02月06日 25 阅读

因为浏览器的兼容问题，如果使用javascript获取这些数值是一个相当痛苦的过程。好在JQuery提供了简单优雅，并且兼容的解决方法。 获取浏览器和页面文档的宽度和高度 复制代码 代码如下: //获取浏览器显示区域的高度 $（window）.height（）; //获取浏览器显示区域的宽度 $（window）.width（）; //获取页面的文档高度 $（document.body）.height（）; //获取页面的文档宽度 $（document.bo...

海量经典的jQuery插件集合

2017年02月06日 27 阅读

海量的jQuery插件帖，很经典，不知道什么时候开始流传，很早以前就收藏过，为了工作方便还是发了一份放在日志里面。其中有些已经无法访问，或许是文件移除，或许是被封锁。大家分享的东西，没什么特别的可说的，唯有感谢无私分享的人们。猫嗔提醒大家在使用的时候注意jQuery包的版本问题，最好是使用相同的版本，因为使用了高版本很有可能出现或多或少的问题。并且其中英文插件在转换成中文时注意编码，推荐utf-8。jQuery插件-文件上传（File upload）Aja...

JavaScript获取鼠标坐标的函数（兼容IE、FireFox、Chrome）

2017年02月06日 23 阅读

还好网上什么都有，上网找了一个浏览器兼容性最佳的函数，经测试兼容IE、FireFox、Chrome，并且不会有滚动条误差问题，存档下，以备后用 :） 复制代码 代码如下:function mousePos（e）{ var x,y; var e = e||window.event; return { x:e.clientX+document.body.scrollLeft+document.documentElement.scrollLeft, y:e.cl...

JavaScript关于select的相关操作说明

2017年02月06日 26 阅读

一、 插入option 1、DOM方法 var oSelectYear = document.getElementById（"SelectYear"）; var op = document.createElement（"option"）; op.innerHTML = "2010"; op.value = "2010"; oSelectYear.appendChild（op）; 2、new Option方法 var oSelectMonth = docum...

jQuery的一些特性和用法整理小结

2017年02月06日 26 阅读

1.精准简单的选择对象（dom）： 复制代码 代码如下: $（"#element"）;// 相当于document.getElementById （"element"） $（".element"）;//Class $（"p"）;//html标签 $（"form > input"）;//子对象 $（"div,span,p.myClass"）;//同时选择多种对象 $（"tr:odd"）.css（"background-color", "#bbbbff"...

用jQuery扩展自写的 UI导航

2017年02月06日 26 阅读

复制代码 代码如下: （function（$）{ $.navs=function（）{ return $（"#top_menu_bar > li"）.each（function（）{ $（this）.hover（ function（）{ $（this）.find（"ul:eq（0）"）.show（）; }, function（）{ $（this）.find（"ul:eq（0）"）.hide（）; } ）; }）; }; }）（jQuery）; 上面...

JQuery 引发两次$（document.ready）事件

2017年02月06日 27 阅读

页面大概是这样的，一个Partial View，而这个View包含了一小段绑定Search的Javascript，并且用Jquery-ui 的dialog 包含，而且确定不是ASP.net mvc生成HTML的问题，HTML是依照我的想法生成的，后来实在没有办法，把dialog的代码去掉，Search按就正常了。查了一下dialog的代码，发现 是appendTo引发的。 做了实验，代码如下： 代码 复制代码 代码如下: <script type="...

javascript实现的基于金山词霸网络翻译的代码

2017年02月06日 25 阅读

上图: 注意下面的代码，最好保存为utf-8格式的，要不容易出现乱码。复制代码 代码如下:<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>javascript 金山词霸在线网络翻译 </title> </head> <body> <sc...

Span元素的width属性无效果原因及解决方案

2017年02月06日 28 阅读

先运行下程序看下: <span style="background-color:#336699;width:300px;">123</span> 输出:123 可以看到 span会自动根据包含的内容来变化宽度 这是因为:对于内联元素（可以是默认即为内联的比如 span 元素，也可以是 display: inline 的元素） width 和 height 只在 IE5.x 下和 IE6 或更新版本的 quirks 模式下触发 has...

javascript 不间断的图片滚动并可点击

2017年02月06日 25 阅读

css:复制代码 代码如下:<style type="text/css"> .rollBox { width: 704px; overflow: hidden; padding: 12px 0 5px 6px; } .rollBox .LeftBotton { height: 52px; width: 19px; background: url（jt.gif） no-repeat 11px 0; overflow: hidden; float:...