文章分类 -  javascript & svg

摘要:用js实现键盘记录,要关注浏览器的三种按键事件类型,即keydown,keypress和keyup,它们分别对应onkeydown、 onkeypress和onkeyup这三个事件句柄。一个典型的按键会产生所有这三种事件,依次是keydown,keypress,然后是按键释放时 候的keyup。主要分四个部分第一部分:浏览器的按键事件第二部分:兼容浏览器第三部分:代码实现和优化第四部分:总结第一部分:浏览器的按键事件用js实现键盘记录,要关注浏览器的三种按键事件类型,即keydown,keypress和keyup,它们分别对应onkeydown、onkeypress和onkeyup这三个事件句 阅读全文
posted @ 2012-12-19 15:18 alxe_yu 阅读(730) 评论(0) 推荐(0)
摘要:即取余(或余数)运算,运算符号为 %,表达式为:result = number1 % number2比如:number1 为 13,number2 为 3,结果得 1。结果的正负取决于 number1,与 number2 无关。number1 为正,结果为正;number1 为负,结果为负。 阅读全文
posted @ 2012-12-18 14:30 alxe_yu 阅读(5788) 评论(1) 推荐(0)
摘要:attachEvent与addEventListener区别适应的浏览器版本不同,同时在使用的过程中要注意attachEvent方法 按钮onclickaddEventListener方法 按钮click两者使用的原理:可对执行的优先级不一样的事件进行操作:attachEvent方法,为某一事件附加其它的处理事件。(不支持Mozilla系列)addEventListener方法 用于 Mozilla系列举例:Js代码 document.getElementById(“btn”).onclick=method1; document.getElementById(“btn”).onclick=me 阅读全文
posted @ 2012-12-14 16:19 alxe_yu 阅读(160) 评论(0) 推荐(0)
摘要:js判断undefined类型 if (reValue== undefined){ alert("undefined"); } 发现判断不出来,最后查了下资料要用typeof 方法:if (typeof(reValue) == "undefined") { alert("undefined"); } typeof 返回的是字符串,有六种可能:"number"、"string"、"boolean"、"object"、"function"、 阅读全文
posted @ 2012-12-12 14:49 alxe_yu 阅读(156) 评论(0) 推荐(0)
摘要:众所周知XMLHttpRequest的open()方法里的第一个参数是用来设置向服务器提交的方式,这是绝对的吗?不一定哦,看看下面的代码。代码片断如下:function simpleStrSubmit(){ var xmlReqFile = createXMLReqFile(); xmlHttp.open("GET","ProcessServlet",true);//指定GET方式提交 xmlHttp.onreadystatechange = processRequest;//回调函数 xmlHttp.setRequestHeader("Con 阅读全文
posted @ 2012-12-06 19:26 alxe_yu 阅读(1209) 评论(0) 推荐(0)
摘要:XMLHttpRequest 对象XMLHttpRequest 对象提供了对 HTTP 协议的完全的访问,包括做出 POST 和 HEAD 请求以及普通的 GET 请求的能力。XMLHttpRequest 可以同步或异步地返回 Web 服务器的响应,并且能够以文本或者一个 DOM 文档的形式返回内容。尽管名为 XMLHttpRequest,它并不限于和 XML 文档一起使用:它可以接收任何形式的文本文档。XMLHttpRequest 对象是名为 AJAX 的 Web 应用程序架构的一项关键功能。浏览器支持XMLHttpRequest 得到了所有现代浏览器较好的支持。唯一的浏览器依赖性涉及 XM 阅读全文
posted @ 2012-12-06 19:24 alxe_yu 阅读(142) 评论(0) 推荐(0)
摘要:XMLHttpRequest对象的open方法XMLHttpRequest对象的open方法的第3个参数xmlHttpRequest.open(method,url,true or false);1.发送信息的方式(post,get)2.发送的目标( url)3.发送的布尔变量 true代表异步,为false代表同步调用xmlHttpRequest对象的send () 把信息发送出去异步的回调onreadystatechange属性赋值来设置一个回调函数: xmlHttpRequest.onreadystatechange=function() {...};XMLHttpRequest对象的. 阅读全文
posted @ 2012-12-06 19:21 alxe_yu 阅读(2909) 评论(0) 推荐(0)
摘要:在JavaScript中存在这样两种原始类型:Null与Undefined。这两种类型常常会使JavaScript的开发人员产生疑惑,在什么时候是Null,什么时候又是Undefined?Undefined类型只有一个值,即undefined。当声明的变量还未被初始化时,变量的默认值为undefined。Null类型也只有一个值,即null。null用来表示尚未存在的对象,常用来表示函数企图返回一个不存在的对象。varoValue; alert(oValue==undefined);//output"true" 这段代码显示为true,代表oVlaue的值即为undefin 阅读全文
posted @ 2012-11-28 11:30 alxe_yu 阅读(159) 评论(0) 推荐(0)
摘要:js模拟面向对象,未采用dojo jquery 等框架如何能够实现根据参数不同调用不同构造函数呢如JScript codefunction myclass(){ this.name="defaultname"; this.sex="nosex";}如果输入一个参数,只初始化name,两个则都初始化,我现在用的本办法,就是用arguments.length判断,JScript codefunction myclass(){ this.name="defaultname"; this.sex="nosex"; if(a 阅读全文
posted @ 2012-11-22 16:16 alxe_yu 阅读(190) 评论(0) 推荐(0)
摘要:通过使用 JavaScript,我们有能力做到在一个设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。我们称之为计时事件。实例简单的计时单击本例中的按钮后,会在 5 秒后弹出一个警告框。另一个简单的计时本例中的程序会执行 2 秒、4 秒和 6 秒的计时。在一个无穷循环中的计时事件在本例中,单击开始计时按钮后,程序开始从 0 以秒计时。带有停止按钮的无穷循环中的计时事件在本例中,点击计数按钮后根据用户输入的数值开始倒计时,点击停止按钮停止计时。使用计时事件制作的钟表一个 JavaScript 小时钟JavaScript 计时事件通过使用 JavaScript,我们有能力作到在一个设定的 阅读全文
posted @ 2012-11-22 16:10 alxe_yu 阅读(142) 评论(0) 推荐(0)
摘要:JS的构造函数//构造函数//使自己的对象多次复制,同时实例根据设置的访问等级可以访问其内部的属性和方法//当对象被实例化后,构造函数会立即执行它所包含的任何代码functionmyObject(msg){//特权属性(公有属性)this.myMsg=msg;//只在被实例化后的实例中可调用this.address='上海';//私有属性varname='豪情';varage=29;varthat=this;//私有方法functionsayName(){alert(that.name);}//特权方法(公有方法)//能被外部公开访问//这个方法每次实例化都要重 阅读全文
posted @ 2012-11-22 16:10 alxe_yu 阅读(168) 评论(0) 推荐(0)
摘要:This should do it:var fn = arguments.callee.toString().match(/function\s+([^\s\(]+)/);alert(fn[1]);For the caller, just use caller.toString().alert(arguments.callee.nom);alert(arguments.callee.name) 阅读全文
posted @ 2012-11-21 14:18 alxe_yu 阅读(256) 评论(0) 推荐(0)
摘要:对象有助于组织信息。实例创建对象的实例本例向您展示如何创建 JavaScript 对象的实例 (instance)。创建用于对象的模板本例向您展示如何创建 JavaScript 对象的模板 (template)。JavaScript 对象在本教程前面的章节,我们已经学习到 JavaScript 拥有若干内置的对象,比如 String、Date、Array 等等。除了这些对象,你还可以创建自己的对象。对象仅仅是一种特殊的数据类型而已,并拥有一系列的属性和方法。让我们用一个例子来理解:一个人就是一个对象。属性是和对象有关的值。人的属性包括其名字、身高、体重、年纪、肤色、眼睛的颜色等等。所有的人都有 阅读全文
posted @ 2012-11-14 14:39 alxe_yu 阅读(177) 评论(0) 推荐(0)
摘要:The String() function converts the value of an object to a string.SyntaxString(object)ParameterDescriptionobjectRequired. A JavaScript object 阅读全文
posted @ 2012-03-16 14:43 alxe_yu 阅读(147) 评论(0) 推荐(0)
摘要:1. string.split(',')var array = string.split(','); var str = "1,2,3,4,5,6";var temp = new Array();// this will return an array with strings "1", "2", etc.temp = str.split(",");adding a loop like thisfor (a in temp ) {temp[a] = parseInt(temp[a]) 阅读全文
posted @ 2012-03-09 14:56 alxe_yu 阅读(138) 评论(0) 推荐(0)
摘要:需求:比较两个Object, 比如:var obj1=new Object();obj1.prop1="p1";obj1.prop2="p2";var obj2=new Object();obj2.prop1="p1";obj2.prop2="p2";方法:1. 用 Object.toJSON method(If you are using a JSON library, you can encode each object as JSON, then compare the resulting strings f 阅读全文
posted @ 2012-02-27 18:04 alxe_yu 阅读(1129) 评论(0) 推荐(0)
摘要:需求:需要在调用函数时可以不传入某些参数.实现:两种方法:1. 用arguments 实参数组function test(a[,b]){ var b=arguments[1]?arguments[1]:50; // 或者 var b= arguments[1] || 50;return a+':'+b;} alert(test(5));alert(test(5,9));2. 用参数名 function test(a[,b]){ var b=b || 50;return a+':'+b;} alert(test(5));alert(test(5,9));NOTE: 阅读全文
posted @ 2012-02-27 14:50 alxe_yu 阅读(160) 评论(0) 推荐(0)
摘要:svg 的自身特点 1.超强交互性 2.文本的独立性3.高品质的矢量图4.超强颜色控制5.基于XML 基本的数据类型 整型值,实数值,百分比值,长度值,坐标值,角度值,颜色值,频率值,时间值 <?xml version="1.0" encoding="utf-8" standalone="no"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-fl 阅读全文
posted @ 2012-02-23 23:00 alxe_yu 阅读(354) 评论(0) 推荐(0)
摘要:javascript中的hashtable实现javascript中没有像c#,java那样的哈希表(hashtable), 然而,javascript中的Array也只有一些类似于'哈希表'的非常简单功能, 如下:vararr=newArray();arr['item1']='thevalueofitem1 ';arr['item2']='thevalueofitem2 ';alert(arr['item1']);alert(arr['item2']);但上述功能,不符我们的实际要 阅读全文
posted @ 2012-02-03 16:01 alxe_yu 阅读(240) 评论(0) 推荐(0)
摘要:JavaScript条件运算符与表达式JavaScript条件运算符是普通if语句的简写方式,JavaScript条件运算符包括?:简单的条件判断使用条件运算符比较方便JavaScript条件运算符与表达式语法var a = (x>y)?c:b;上面的内容等价于var a;if(x>y){ a=c;}else{ a=b;}猴子提示: 不是所有的if语句都可以使用条件表达式代替From "JavaScript条件运算符与表达式 - JavaScript选择程序设计 - JavaScript语法 - JavaScript教程" 阅读全文
posted @ 2012-02-01 14:17 alxe_yu 阅读(353) 评论(0) 推荐(0)