javascript
文章平均质量分 74
「已注销」
这个作者很懒,什么都没留下…
展开
-
javascript 表单处理(二)
//重复提交addEvent(window,"load",function(){ var fm = document.getElementById("myForm"); var flag = false; //阻止提交 addEvent(fm,"submit",function(evt){ preDef(evt); //这种方法,只限于通过原创 2015-01-24 13:01:54 · 222 阅读 · 0 评论 -
javascript 变量、内存及作用域(二)
/*var box = "Lee";function setBox(){ return 123;};//全局变量,最外围,属于window属性//全局函数,最外围,属于window方法alert(window.box);alert(window.setBox());var box = "Lee";function setBox(){ function setColo原创 2015-01-20 20:11:30 · 153 阅读 · 0 评论 -
javascript 变量、作用域及内存(一)
/* javaScript 基本类型值:Undefined、Null、Boolean、Number和String javaScript 引用类型值:Object PS:在某些语言中,字符串以对象的形式来表示,因此被认为是引用类型, ECMAScript放弃这以传统。 //引用类型赋值方法 var box = new Object(); //new Object原创 2015-01-20 15:30:48 · 167 阅读 · 0 评论 -
javascript 匿名函数的闭包(一)
/*//普通函数function box(){ return "Lee";}alert(box());//匿名函数function() //单独的匿名函数,是无法运行的{ //就算能运行,也无法调用,因为没有名称 return "Lee";}//把匿名函数赋值给变量var box = function()原创 2015-01-21 09:15:18 · 156 阅读 · 0 评论 -
javascript xpath(二)
function createXMLDOM() {var version = [ "MSXML2.DOMDocument6.0", "MSXML2.DOMDocument3.0", "MSXML2.DOMDocument"];for(var i = 0;i < version.length; i++){ try{ var xmlDom = new ActiveXObject(v原创 2015-01-30 14:33:40 · 173 阅读 · 0 评论 -
javascript json
//JSON简单值10;"hello"truenull//对象表示var box = { name : "Lee", age : 100};//JSON对象表示{ "name":"Lee", "age":100}//普通数组var box = [100,"Lee",true];//JSON数组[100,"Lee",true]//PS:JSON说白原创 2015-01-30 16:53:11 · 169 阅读 · 0 评论 -
javascript ajax(一)
function createXHR(){ if(typeof XMLHttpRequest != "undefined"){ return new XMLHttpRequest(); }else if(typeof ActiveXObject != "undefined"){ var version = [ "MSXML2.XMLHttp.6.0", "MSXML2.原创 2015-01-31 09:47:24 · 236 阅读 · 0 评论 -
javascript ajax(三)
function createXHR(){ if(typeof XMLHttpRequest != "undefined"){ return new XMLHttpRequest(); }else if(typeof ActiveXObject != "undefined"){ var version = [原创 2015-01-31 16:37:51 · 231 阅读 · 0 评论 -
javascript ajax(二)
function createXHR(){ if(typeof XMLHttpRequest != "undefined"){ return new XMLHttpRequest(); }else if(typeof ActiveXObject != "undefined"){ var version = [ "MSXML2.XMLHttp.6.0", "MSXML2.原创 2015-01-31 13:25:47 · 175 阅读 · 0 评论 -
javascript 事件对象(一)
document.onclick = function(){ alert(this); //HTMLDocument,this代表的是document }; window.onload = function(){ //document.onclick = box; //因为box()函数被onclick绑定了,所以里面原创 2015-01-22 09:49:11 · 158 阅读 · 0 评论 -
javascript 事件对象(二)
keydown,按下任意键,按下的意思是按下立即触发 keyup,弹起任意键,弹起就是按下然后释放触发 keypress,是按下字符键,abc,123,标点符号什么,shift,ctrl,alt等等不是字符的键无效 键码:键盘上的任意键 字符编码:键盘上可以输出的字符的键 键码返回的是ASCII的小写字母对应的,键码只是返回哪个键的值,不人氏字母大小写 键码在字符原创 2015-01-22 11:04:01 · 174 阅读 · 0 评论 -
javascript 表单处理(一)
获取form对象的方法//var fm = document.getElementById("myForm");//var fm = document.getElementsByTagName("form")[0];//var fm = document.form[0]; //HTML DOM通过0下标获取//var fm = document.forms["yourForm"原创 2015-01-23 14:27:41 · 290 阅读 · 0 评论 -
javascript 表单处理(三)
addEvent(window,"load",function(){ var fm = document.getElementById("myForm"); var user = fm.elements["user"]; var content = fm.elements["content"]; alert(content); alert(user.value);原创 2015-01-24 15:26:00 · 223 阅读 · 0 评论 -
javascript 事件绑定及深入(三)
//跨浏览器添加事件function addEvent(obj,type,fn){ if(obj.addEventListener){ obj.addEventListener(type,fn,false); }else if(obj.attachEvent){ obj.attachEvent("on" + type, fn) }}//跨浏览器移除事件f原创 2015-01-23 12:23:38 · 172 阅读 · 0 评论 -
javascript 事件绑定及深入(二)
//W3C自带的两个添加时间和删除时间//1.覆盖问题,解决window.addEventListener("load",function(){ alert("Lee");},false);window.addEventListener("load",function(){ alert("Lee");},false);window.addEven原创 2015-01-23 09:43:38 · 241 阅读 · 0 评论 -
javascript 事件绑定及深入(一)
//传统绑定window.onload = function(){ var box = document.getElementById("box"); box.onclick = function(){ alert("Lee"); };};window.onload = function(){ alert("Lee");};window.onload = functi原创 2015-01-22 21:31:38 · 220 阅读 · 0 评论 -
javascript 事件入门
内联模型,onclick是事件处理函数function box(){ //如果放在一个匿名函数里面就看不到了 alert("Lee");};//脚本模型 PS:让事件处理函数执行一个函数的时候,通过赋值方式,那么直接将函数名赋值给事件处理函数 PS:也就是input.onclick = box;如果加上了括号就自动执行了,没有完成赋原创 2015-01-21 15:44:23 · 207 阅读 · 0 评论 -
javascript 匿名函数和闭包(三)
//块级作用域(私有作用域)function box(){ for(var i = 0;i < 5;i++){ //块级作用域(JS没这个东西) } var i = 111; //就算重新声明,也不会影响之前声明初始化数据 alert(i);}box();//使用块级作用域(私有作用域)function box(){原创 2015-01-21 14:31:26 · 308 阅读 · 0 评论 -
javascript 匿名函数的闭包(二)
//循环里的匿名函数的取值问题function box(){ var arr = []; for(var i = 0;i < 5;i++) { arr[i] = function(){ //arr[0] = 0,arr[1] =1 ...arr[4] = 4 return i; } } //循环执行完毕了,i最终是4++ = 5,那么最原创 2015-01-21 12:31:35 · 131 阅读 · 0 评论 -
javascript xml(四)
function createXMLDOM() {var version = [ "MSXML2.DOMDocument6.0", "MSXML2.DOMDocument3.0", "MSXML2.DOMDocument"];for(var i = 0;i < version.length; i++){ try{ var xmlDom = new ActiveXObject(v原创 2015-01-29 17:15:03 · 183 阅读 · 0 评论 -
javascript xml(一)
IE中的XML 创建XML DOM var xmlDom = new ActiveXObject("MSXML2.DOMDocument6.0"); alert(xmlDom); //载入XML文件,两种方式:1.加载XML字符loadXML(); // 2.加载XML外部文件LOAD(); //因为XML和XHTML一样,都是通过原创 2015-01-29 13:53:22 · 192 阅读 · 0 评论 -
javascript cookie与存储(一)
alert(typeof document.cookie);//向本地磁盘写入cookiedocument.cookie = "user = 李炎恢";alert(document.cookie);//PS:本地不存在域名,所以域就为空//编码document.cookie = "user=" + encodeURIComponent("李炎恢"); //这个原创 2015-01-29 10:40:33 · 245 阅读 · 0 评论 -
javascript cookie与存储(三)
//过期时间function setCookieDate(day) { //传递一个天数,比如传递7,就7天后失效 var date = null; if(typeof day == "number" && day > 0) { date = new Date(); date.setDate(date.getDate() + day); }else { throw new原创 2015-01-29 13:03:28 · 207 阅读 · 0 评论 -
javaScript变量之作用域
javascript变量的作用域一直都是js程序员最困扰的难点之一。先通过概要来过一遍涉及到的知识。一、全局变量 全局变量包含:1.在函数体外定义的变量 2.在函数体内部定义的无var变量(很多人很容易的误认为在函数体内定义的所有变量都是局部变量,这里需特变注意!) 全局变量可以在任何位置被调用。二转载 2015-01-09 14:51:23 · 275 阅读 · 0 评论 -
javascript cookie与存储(二)
设置cookie document.cookie = "user = Lee"; document.cookie = "url = yc60.com"; document.cookie = "email = yc60.com@gmail.com" alert(document.cookie); setCookie("user","李炎恢",setCookieDate(7)); se原创 2015-01-29 11:45:45 · 162 阅读 · 0 评论 -
javascript 错误处理与调试(二)
try-catch的意义 1.可以通过修改代码来排错,不需要使用try-catch 2.浏览器兼容性问题,可以通过判断浏览器或判断是否支持某个属性或方法来判断 不需要try-catch 比如,无法修改代码的情况下,可能会发送错误,这个时候用try-catch, 网络中断了 try{ alert(innerWidth); //W3C原创 2015-01-28 11:45:50 · 196 阅读 · 0 评论 -
javascript 错误处理与调试(三)
古老的调试方法alert var num1 = 1; alert(num1); var num2 = 'b'; alert(num2); //PS:程序非常庞大的时候,字符串有可能是上下文的变量或函数的返回值 //并不是那么容易看出来的 var result = num1 + num2; alert(result); //PS:如果alert可以原创 2015-01-28 17:02:44 · 249 阅读 · 0 评论 -
W3C事件处理函数
“DOM2级事件”定义了两个方法addEventListener() 添加事件 removeEventListener() 删除事件它们接受3个参数:事件名、函数、冒泡或捕获的布尔值(true表示捕获,false表示冒泡)IE只支持冒泡//无覆盖问题window.addEventListener("load",function() {原创 2014-12-17 20:18:06 · 225 阅读 · 0 评论 -
javascript 错误处理与调试(一)
try-catch 特点 1.可以获取错误信息 2.可以避免浏览器控制台报错 3.可以屏蔽错误,继续执行,PS,但是继续执行的语句如果和错误的语句有上下文关联, 那么下面的语句可能继续出错 try { window.abcdef(); }catch(e) { //e表示接收的错误对象 alert(e); //打印错误对象,会输出错原创 2015-01-28 09:49:54 · 174 阅读 · 0 评论 -
javascript 表单处理(四)
过滤输入模式:纯数字 1、禁止或屏蔽非数字键的输入,阻止非数字键的默认行为 2、验证后取消,你可以先输入非法字符,然后判断后,取消你刚输入的文本 addEvent(window,"load",function() { var fm = document.getElementById("myForm"); var user = fm.elements["user"];原创 2015-01-27 08:40:05 · 233 阅读 · 0 评论 -
javascript xml(二)
function createXMLDOM() {var version = [ "MSXML2.DOMDocument6.0", "MSXML2.DOMDocument3.0", "MSXML2.DOMDocument"];for(var i = 0;i < version.length; i++){ try{ var xmlDom = new ActiveXObject(v原创 2015-01-29 14:56:23 · 191 阅读 · 0 评论 -
javascript面向对象 代码详解(一)
//创建一个对象var box = new Object();//添加属性box.name = "li";box.age = 27;//添加方法box.run = function(){ //this 表示当前作用域下的对象 //this 表示new Object()实例化出来的那个对象 //this 要放在一个作用域下,比如box.run(), //这个是box作用域下的原创 2015-01-09 20:15:18 · 240 阅读 · 0 评论 -
javascript面向对象 代码详解(七)
//原型式继承//临时中转函数function obj(o) //o表示将要传递进去的一个对象{ function F(){} //F构造是一个临时新建的对象,用来存储传递过来的对象 F.prototype = o; //将o对象的实例赋值给F构造的原型对象 return new F(); //最后返回这个传递过来的对象的对象实例原创 2015-01-11 18:14:16 · 189 阅读 · 0 评论 -
javascript面向对象 代码详解(六)
//继承,通过原型链条实现//被继承的函数叫做超类型(父类、基类)function Box() { this.name = "Lee";}//继承的函数叫做子类型(子类、派生类)function Desk(){ this.age = 100;}function Table(){ this.level = "AAA";}原创 2015-01-11 16:38:47 · 203 阅读 · 0 评论 -
javascript面向对象 代码详解(三)
//每个对象都有一个prototype(原型属性),//这个属性是另外一个对象的引用//这个属性其实就是一个对象//它的用途是包含可以由特定类型的所有实例共享的属性和方法//构造函数的写法function Box(name,age){ this.name = name; //实例属性 this.age = age; //实例方法 this.run = f原创 2015-01-10 21:33:38 · 164 阅读 · 0 评论 -
javascript xml(三)
IE中的XML 创建XML DOM var xmlDom = new ActiveXObject("MSXML2.DOMDocument6.0"); alert(xmlDom); //载入XML文件,两种方式:1.加载XML字符loadXML(); // 2.加载XML外部文件LOAD(); //因为XML和XHTML一样,都是通过原创 2015-01-29 16:05:02 · 149 阅读 · 0 评论 -
javascript xpath(一)
function createXMLDOM() {var version = [ "MSXML2.DOMDocument6.0", "MSXML2.DOMDocument3.0", "MSXML2.DOMDocument"];for(var i = 0;i < version.length; i++){ try{ var xmlDom = new ActiveXObject(v原创 2015-01-30 10:39:41 · 195 阅读 · 0 评论 -
javascript面向对象 代码详解(五)
//原型的缺点//构造函数function Box(){}//用字面量的形式添加原型Box.prototype = { //指向自己 constructor : Box, name : "Lee", age : 100, family : ['哥哥','姐姐','妹妹'], run : function () { return this.name + this.age原创 2015-01-11 15:11:12 · 178 阅读 · 0 评论 -
javascript面向对象 代码详解(四)
function Box(){}var box = new Box();alert(box.prototype); //使用对象实例无法访问到prototypealert(box.__proto__); //使用对象实例访问prototype的指针alert(Box.prototype); //使用构造函数名(对象名)访问prototypefunction B原创 2015-01-11 10:46:59 · 202 阅读 · 0 评论 -
javascript面向对象 代码详解(二)
//构造函数可用来创建特定的对象//创建一个对象function Box(name,age){ //添加一个属性 this.name = name; this.age = age; //添加一个方法 this.run = function() { return this.name + this.age + "运行中..."; };}function Desk(name原创 2015-01-09 21:20:17 · 226 阅读 · 0 评论