js 冒泡事件与事件监听使用分析

2017年02月06日 26 阅读

冒泡事件 js中“冒泡事件（bubble）”并不是能实际使用的花哨技巧，它是一种对js事件执行顺序的机制，“冒泡算法”在编程里是一个经典问题，冒泡算法里面的“冒泡”应该说是交换更加准确；js里面的“冒泡事件”才是真正意义上的“冒泡”，它从DOM最低层逐层遍历树，然后附加相应事件。以下面代码为例： 冒泡事件 function Add（sText） { document.getElementById（"Console"）.innerHTML +=sText...

javascript 必知必会之closure

2017年02月06日 28 阅读

下面的代码片断缩进目前还不完善,你也可以选择 下载pdf 来阅读. Contents摘要 什么是closure 执行空间（执行上下文, Execution Context） closure的一些用法 关于closure的效率 应用建议 结论 参考资料 本文的rst源码 什么是closure一种定义是:A "closure" is an expression （typically a function） that can have free variable...

ie与ff下的event事件

2017年02月06日 26 阅读

更多的文章可以参考 http://www.jb51.net/tag/event/1.htm另外ie中使用srcElement去获得事件触发源，ff下使用target。因此使用这两个对象时需要做相关的浏览器兼容。 srcElement --http://www.jb51.net/ 点击 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 查看运行结果 综合上节attachEvent与addEventListener。 复制代码...

比较全面的event对像在IE与FF中的区别 推荐

2017年02月06日 26 阅读

window.event IE：有window.event对象 FF：没有window.event对象。可以通过给函数的参数传递event对象。如onmousemove=doMouseMove（event） 鼠标当前坐标 IE：event.x和event.y。 FF：event.pageX和event.pageY。 通用：两者都有event.clientX和event.clientY属性。 鼠标当前坐标（加上滚动条滚过的距离） IE：event.offse...

jquery ajax 登录验证实现代码

2017年02月06日 26 阅读

使用 jquery 框架：下载 jquery.js 新建一个 web 工程 ajax ； 在 webRoot 下新建一个 jslib 文件夹：专门存放 js 文件； 在 webRoot 下新建一个 html/jsp 页面： login.html 复制代码 代码如下:<script type = "text/javascript" src = "jslib/jquery.js"></ script> <script type =...

js 获取中文拼音,Select自动匹配字母获取值的代码

2017年02月06日 27 阅读

复制代码 代码如下:<script type="text/javascript"> var key2code = {65:"a",66:"b",67:"c",68:"d",69:"e",70:"f",71:"g",72:"h",73:"i",74:"j", 75:"k",76:"l",77:"m",78:"n",79:"o",80:"p",81:"q",82:"r",83:"s",84:"t", 85:"u",86:"v",87:"w",88:...

JavaScript 变量命名规则

2017年02月06日 27 阅读

JScript 是一种区分大小写的语言。 第一个字符必须是一个 ASCII 字母（大小写均可），或一个下划线（_）。注意第一个字符不能是数字。 后续的字符必须是字母、数字或下划线。 变量名称一定不能是 保留字。 下面给出合法变量名称的一些示例： _pagecount Part9 Number_Items 下面给出无效变量名称的一些示例： 99Balloons // 不能以数字开头。Smith&Wesson // “与”符号（&）字符用于变量名称是无效的。...

没有form表单情况下敲回车键提交表单的js代码

2017年02月06日 26 阅读

function enterPress（e） { if （e.keyCode == 13） { login（）; } } function login（）{ //登录验证等 alert（"login"）; } Username: Password: [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]...

jQuery 使用手册（一）

2017年02月06日 26 阅读

一：核心部分$（expr）说明：该函数可以通过css选择器，Xpath或html代码来匹配目标元素，所有的jQuery操作都以此为基础参数：expr：字符串，一个查询表达式或一段html字符串例子：未执行jQuery前：<p>one</p><div> <p>two</p></div> <p>three</p> <ahref="#"id="test"onCl...

jQuery 使用手册（二）

2017年02月06日 27 阅读

二：DOM操作属性我们以<img id="a" scr="5.jpg"/>为例，在原始的javascript里面可以用var o=document.getElementById（"a"）取的id为a的节点对象，在用o.src来取得或修改该节点的scr属性，在jQuery 里$（"#a"）将得到jQuery对象[ <img id="a" scr="5.jpg"/> ]，然后可以用jQuery提供的很多方法来进行操作，如$（"#a"）....

jQuery 使用手册（三）

2017年02月06日 30 阅读

三：CSS操作 传统javascript对css的操作相当繁琐，比如<div id="a" style="background:blue">css</div>取它的background语法是 document.getElementById（"a"）.style.background，而jQuery对css更方便的操作，$（"#a"）.background（），$（"#a"）.background（“red”）$（"#a"）得到jQu...

jQuery 使用手册（四）

2017年02月06日 28 阅读

四：JavaScript处理$.browser（） 判断浏览器类型，返回boolen值 $（function（）{if（$.browser.msie）{alert（"这是一个IE浏览器"）;}elseif（$.browser.opera）{alert（"这是一个opera浏览器"）;}}）当页面载入式判断浏览器类型，可判断的类型有msie、mozilla、opera、safari$.each（obj, fn） obj为对象或数组，fn为在obj上依次执行的...

jQuery 使用手册（五）

2017年02月06日 24 阅读

五：动态效果 在将这部分之前我们先看个例子，相信做网页的朋友都遇到n级菜单的情景，但点击某菜单按钮时，如果它的子菜单是显示的，则隐藏子菜单，如果子菜单隐藏，则显示出来，传统的javascript做法是先用getElementById取出子菜单所在容器的id，在判断该容器的style.display是否等于none，如果等于则设为block,如果不等于这设为none，如果在将效果设置复杂一点，当点击按钮时，不是忽然隐藏和显示子菜单，而是高度平滑的转变，这时就...

jQuery 使用手册（六）

2017年02月06日 25 阅读

六：事件处理hover（Function, Function） 当鼠标move over时触发第一个function，当鼠标move out时触发第二个function样式：<style>.red{color:#FF0000}</style>Html代码： <div id="a">sdf</div>jQuery代码及效果 $（function（）{$（"#a"）.hover（function（）{$（this...

jQuery 使用手册（七）

2017年02月06日 25 阅读

七：Ajax支持通用方式：$.ajax（prop） 通过一个ajax请求，回去远程数据，prop是一个hash表，它可以传递的key/value有以下几种。（String）type：数据传递方式（get或post）。（（String）url：数据请求页面的url（（String）data：传递数据的参数字符串，只适合post方式（（String）dataType：期待数据返回的数据格式（例如 "xml", "html", "script",或 "json"...

Javascript 数组添加一个 indexOf 方法的实现代码

2017年02月06日 27 阅读

// [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]运行以上代码，即可。如果大家想看的是 javascript indexOf的使用方法，请看下面的文章javascript indexOf函数使用说明JavaScript indexOf忽略大小写_javascript技巧...

Javascript 数组添加 shuffle 方法的实现代码

2017年02月06日 27 阅读

// [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 请刷新页面查看随机排序效果。 ...

Javascript 两个窗体之间传值实现代码

2017年02月06日 27 阅读

如我们新建窗体FatherPage.htm: XML-Code: 复制代码 代码如下: <script type="text/javascript"> function OpenChildWindow（） { window.open（"ChildPage.htm"）; } </script> <input type="text" id="txtInput" /> <input type="button" value...

Javascript showModalDialog两个窗体之间传值

2017年02月06日 27 阅读

Javascript 两个窗体之间传值实现代码javascript中还有一个函数window.showModalDialog也可以打开一个新窗体，不过他打开的是一个模态窗口，那么如何在父窗体和子窗体之间传值呢？我们先看该函数的定义：vReturnValue = window.showModalDialog（sURL [, vArguments] [,sFeatures]） 参数说明： sURL--必选参数，类型：字符串。用来指定对话框要显示的文档的URL。...

用Javascript 获取页面元素的位置的代码

2017年02月06日 24 阅读

下面的教程总结了Javascript在网页定位方面的相关知识。一、网页的绝对大小和相对大小首先，要明确两个基本概念。一张网页的全部面积，就是它的绝对大小。通常情况下，网页的绝对大小由内容和CSS样式表决定。网页的相对大小则是指在浏览器窗口中看到的那部分网页，也就是浏览器窗口的大小，又叫做viewport（视口）。下图中央的方框就代表浏览器窗口，每次只能显示一部分网页。（图一 网页的绝对大小和相对大小）很显然，如果网页的内容能够在浏览器窗口中全部显示（也就是...