本文实例分析了javascript中键盘事件用法。分享给大家供大家参考。具体如下： 键盘事件包含onkeydown、onkeypress和onkeyup这三个事件 事件初始化 function keyDown(){} document.onkeydown = keyDown; //论按下键盘上的哪个键，都将调用KeyDown()函数。 DOM标准下 function keyDown(e) { var keycode = e.which; //取得对应的键值（数字） var realkey = String.fromCharCode(e.which); //取得代表改键的真正字符 alert("按键...
本文实例讲述了javascript中AJAX用法。分享给大家供大家参考。具体分析如下： 兼容地获得XMLHttpRequest对象： var xhr = null; if(window.XMLHttpRequest){ //非IE浏览器 xhr = window.XMLHttpRequest; }else if(window.ActiveXObject){ //IE浏览器 try{ //高版本，受msxml3.dll+支持 xhr = new ActiveXObject("Msxml2.XMLHTTP"); }catch(e){ try{ // 低版本，msxml2.6以下版本使用 xhr = new ActiveXObject("Microsoft.XMLH...
本文实例讲述了javascript中cookie对象用法。分享给大家供大家参考。具体如下： 属性 name 唯一必须设置的属性，表示cookie的名称 expires 指定cookie的存活周期，如不设置，浏览器关闭自动失效 path 决定cookie对于服务器对于其他网页的可用性，一般情况下， cookie对同一目录下的所有页面都可用，当设置path属性后，cookie只对指定路径及子路径下的所有网页有效 domain 许多服务器由多台...
本文实例讲述了javascript事件模型的用法。分享给大家供大家参考。具体分析如下： 一、事件模型 冒泡型事件（Bubbling）：事件由叶子节点沿祖先节点一直向上传递到根节点 捕获型事件（Capturing）：由DOM树最顶元素一直到最精确的元素，与冒泡型事件相反 DOM标准事件模型：DOM标准既支持冒泡型事件，也支持捕获型事件，可以说是两者的结合体，首先是捕获型，接着冒泡传递 二、事件对象 在IE浏览器中事件对象是window的一个属性，在...
本文实例分析了JQuery动画与特效的用法。分享给大家供大家参考。具体分析如下： 显示与隐藏 show(spped,[callback])与hide(spped,[callback]) speed可选填slow、normal、fast，对应的速度分别为600ms、400ms、200ms。也可以直接填毫秒数，callback函数为回调函数，动作完成后调用此函数 $("img").show(3000,function(){ $(this).css("border","solid 1px #ccc”); });toggle()函数，无参格式，在显示和隐藏之间切换 toggle(true o...
本文实例讲述了js的window.showModalDialog及window.open用法。分享给大家供大家参考。具体分析如下： 一、window.open()支持环境： JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+ 二、基本语法： window.open(pageURL,name,parameters) 其中： pageURL 为子窗口路径 name 为子窗口句柄 parameters 为窗口参数(各参数用逗号分隔) 三、示例：<SCRIPT> <!-- window.open (page.html,newwindow,height=100,width=400,top=0,left...
本文实例分析了javascript中sort()的用法。分享给大家供大家参考。具体分析如下： 函数的语法：arrayObject.sort(sortby)you think this is not the right way but you love it 这里还用到了split函数，目的是去到一个字符串的数组，比较常用。然后通过数组的排序函数sort()对数组内的值进行排序，得到新的数组，然后通过循环输出数组的内容就得到了排序后的字符串。 在例子中，默认情况下，它会按照ascii码来进行排序。 如果是数...
本文实例分析了jquery中animate的stop()方法作用。分享给大家供大家参考。具体分析如下： 这里以一个视频中的代码段告诉你stop()的作用： 代码如下： <style type="text/css"> ul li{ width:50px; height:30px; background:#333; margin-bottom:10px; color:#fff;} </style> <ul id="flyul"> <li>wod a </li> <li>wod a </li> <li>wod a </li> <li>wod a </li> <li>wod a </li> </ul> <script type="text/javascript" sr...
本文实例分析了js超时调用setTimeout和间歇调用setInterval的用法。分享给大家供大家参考。具体如下： 今天看了javascript高级程序设计（第三版）一书，发现说setTimeout比setInterval更好，觉得的确如此。平时都是用setInterval多点，现在还是转一下思路了。又学习到了。分析如下： setTimeout包含两个参数，第一个参数是要执行的代码，第二个参数是时间。 第一个参数可以是字符串也可以是函数，但是推荐使用函数而不是字符串。 使...
本文实例分析了javascript原型链继承的用法。分享给大家供大家参考。具体分析如下：代码如下:function Shape(){ this.name = shape; this.toString = function(){ return this.name; } } function TwoDShape(){ this.name = 2D shape; } function Triangle(side,height){ this.name = Triangle; this.side = side; this.height = height; this.getArea = function(){ return this.side...
本文实例讲述了jQuery中DOM树操作之使用反向插入方法。分享给大家供大家参考。具体分析如下： 使用反向插入方法 这里我们先把创建的内容插人到元素前面，然后再把同一个元素插人到文档 中的另一个位置。通常，当在jQuery中操作元素时，利用连缀方法更简洁也更有效。可是我们现在没有办法这样做，因为this是.insertBefore()的目标，是.appendTo()的内容。此时，利 用反向插入方法，可以帮我们解决问题。 像.insertBefore()和.append...
本文实例分析了Javascript闭包的概念及用法。分享给大家供大家参考。具体如下： 提到闭包，想必大家都早有耳闻，下面说下我的简单理解。 说实话平时工作中实际手动写闭包的场景并不多，但是项目中用到的第三方框架和组件或多或少用到了闭包。 所以，了解闭包是非常必要的。呵呵... 一、什么是闭包 简而言之，就是能够读取其他函数内部变量的函数。 由于JS变量作用域的特性，外部不能访问内部变量，内部可以外部变量。 二、使用场景...
本文实例分析了一个JS长整型精度问题。分享给大家供大家参考。具体分析如下： 问题描述： 后台有一个脚本功能，可编写脚本动态调用Java代码代码如下:importClass(com.ztgame.center.controller.api,P360ApiController); var roleId = 10214734953631045; p360ApiController.notice(roleId, 4); 脚本执行成功，但运行结果与设定不一样，此人没有收到邮件 查看日志 recharge award has been sent. roleId=10214734953631044; 这...
本文实例分析了js中this的用法。分享给大家供大家参考。具体分析如下： 实例1：第一种调用this的方法——以函数形式调用。它代表全局对象window代码如下:<script type="text/javascript"> function t(){ alert(this);//这里this表示window对象。 } t(); </script> 实例2：第二种调用this的方法——以对象属性的形式调用。它代表该对象。实例中onclick为p元素对象的属性代码如下:<html> <head> <script type="text/javascript"> fu...
本文实例讲述了js中的事件捕捉模型与冒泡模型。分享给大家供大家参考。 具体实现方法如下： 实例1：代码如下:<html> <head> <script type="text/javascript"> window.onload = function(){ document.getElementById(par).addEventListener(click,function() {alert(par);},true); document.getElementById(son).addEventListener(click,function() {alert(son);},true); } </script> <style type="text/css"> #par{width:300...