JavaScript 事件冒泡应用实例分析

2016年07月27日 8 阅读

然而，在今天一些大型的WEB交互项目中，比如大型的WebGame项目，JavaScript事件冒泡影响是值得重视的。本文通过一个简单的例子来讲解JavaScript事件冒泡及使用注意事项。 如果你对JavaScript事件冒泡还没有什么印象，不妨先看看我之前写的一篇博客《JavaScript事件冒泡简介及应用》。本文讲究实用，不在对JavaScript事件冒泡基础知识进行过多的阐述。 在文章开始之前，现在先看看下面这样一个需求：下面HTML假设描述的是一个...

JavaScript 事件冒泡简介及应用

2016年07月27日 6 阅读

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

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

2016年07月27日 7 阅读

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

javascript Object与Function使用

2016年07月27日 8 阅读

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

取选中的radio的值

2016年07月27日 8 阅读

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

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

2016年07月27日 6 阅读

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

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

2016年07月27日 7 阅读

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

Javascript 实现TreeView CheckBox全选效果

2016年07月27日 6 阅读

复制代码 代码如下: 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 关键词注释

2016年07月27日 7 阅读

这个可以用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 交替为表格添加样式的代码

2016年07月27日 7 阅读

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

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

2016年07月27日 9 阅读

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

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

2016年07月27日 8 阅读

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

海量经典的jQuery插件集合

2016年07月27日 7 阅读

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

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

2016年07月27日 6 阅读

还好网上什么都有，上网找了一个浏览器兼容性最佳的函数，经测试兼容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的相关操作说明

2016年07月27日 14 阅读

一、 插入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的一些特性和用法整理小结

2016年07月27日 9 阅读

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

用jQuery扩展自写的 UI导航

2016年07月27日 7 阅读

复制代码 代码如下: （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）事件

2016年07月27日 6 阅读

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

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

2016年07月27日 8 阅读

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

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

2016年07月27日 6 阅读

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