JavaScript
Hobootu
这个作者很懒,什么都没留下…
展开
-
javascript对象小探之二——length
一、代码:无标题 1var arr=[];arr.push("hello");document.writeln(arr.length);var obj = {aa:"sd"};obj.bb = 'hello';document.writeln(obj.length);二、结果:输出的是1undefined原因是因为系统对象Ar原创 2013-08-28 13:25:43 · 539 阅读 · 0 评论 -
javascript对象小探之八——函数声明与定义位置要求
在JS中有两种定义函数的方式,1、var aaa=function(){...}2、function aaa(){...} var 方式定义的函数,不能先调用函数,后声明,只能先声明函数,然后调用。 function方式定义函数可以先调用,后声明。请看代码: //aaa();这样调用就会出错转载 2013-09-04 20:37:32 · 1694 阅读 · 0 评论 -
javascript对象小探之九——==和===、!=和!==
1、对于string,number等基础类型,==和===是有区别的1)不同类型间比较,==之比较“转化成同一类型后的值”看“值”是否相等,===如果类型不同,其结果就是不等2)同类型比较,直接进行“值”比较,两者结果一样2、对于Array,Object等高级类型,==和===是没有区别的进行“指针地址”比较.所以如果两个值都引用同一个对象或函数,那么==[相等];否则[不原创 2013-09-04 20:54:37 · 632 阅读 · 0 评论 -
判断是否为IE的几种方法
前几天在网上看到一个技术牛人写的世界上判断是否IE浏览器之最短的js代码,如下: if(!+[1,])alert("这是ie浏览器"); else alert("这不是ie浏览器"); 怎么样,强悍吧。今天在博客园又看到一位朋友总结了其它一些判断方法(实例代码),于是烈火把这些教程转载给大家,期待对您有所帮助:其实有转载 2013-09-04 22:53:15 · 1053 阅读 · 0 评论 -
javascript对象小探之十——onload和onreadystatechange句柄
仅IE9/10同时支持script元素的onload和onreadystatechange事件如下?12345678910<!DOCTYPE HTML>html> head> meta charset="ut转载 2013-09-04 22:35:47 · 1368 阅读 · 0 评论 -
javascript对象小探之五—— void()方法
一、作用:进行操作,但不是返回任何值二、使用条件:必须传递一个参数expression。否则会出错三、调用格式: void (expression)四、用法举例:<A href="javascript:doTest2();void(0);">总结:1、void(0);表示什么也不做;2、html引入js可以使用“javascript:”,积累这个原创 2013-09-03 23:51:50 · 1131 阅读 · 0 评论 -
javascript对象小探之十一——innerHTML、outerHTML、innerText、textContent区别
test1 test2 test.innerHTML(所有浏览器支持):“test1 test2 ”test.outerHTML(所有浏览器支持): 除了包含innerHTML的全部内容外, 还包含对象标签本身。 上例中的text.outerHTML的值也就是test1 test2 test.innerText(IE仅支持): 从起始位原创 2013-09-05 00:46:40 · 3397 阅读 · 0 评论 -
兼容绑定事件的3种方法
一、直接绑定(不利于UI和代码分离,event详见后面) 二、DOM事件句柄document.getElementById("divid").onclick = function(){}; 三、侦听函数var tb = document.getelementbyid("tab1"); if(window.event){// 只有ie下,event是window的对象属性,注意两原创 2013-08-29 00:50:13 · 1539 阅读 · 0 评论 -
效果解密之一——循环图片探秘(新浪Qing首页轮换图)
代码: 人车一体成一道靓丽风景线 我就喜欢lomo一下 你永远是校园中的焦点原创 2013-09-05 21:25:02 · 730 阅读 · 0 评论 -
Ajax解析之一——XMLHTTPRequest对象的方法和属性
方法: void open(string method, string url, boolean asynch, string username, string password):这个方法会建立对服务器的调用。这是初始化一个请求的纯脚本方法。它有两个必要的参数,还有3个可选参数。要提供调用的特定方法(GET、POST或PUT),还要提供所调用资源的URL。另外还可以传递一个Boolean值转载 2013-09-05 22:41:58 · 518 阅读 · 0 评论 -
Ajax
Ajax文本请求过程一客户端模型流程:1、创建全局变量XMLHttpRequest对象XMLHttpRequest xmlhr=new ActiveXObject(”Msxml2.XMLHTTP“)2、创建URL连接xmlhr.open("GET",url,true);3、设置返回结果处理函数xmlhr.onreadystatechange=func1;4、发送请求xmlhr.原创 2012-11-06 21:39:30 · 307 阅读 · 0 评论 -
各种浏览器内核的区别
一、浏览器内核 Rending Engine, 顾名思义,称之为渲染网页内容的,将网页的代码转换为你看得见的页面,因为是排版,所以排版,所以肯定会有排版错误等问题。为什么会有排版错误呢,一部分是由于网站本身编写不规范,另一方面是浏览器本身的不规范 现在有一些主流的排版引擎,因为这些排版引擎都有其代表的浏览器,所以常常会把排版引擎的名称和浏览器的名称混用,其实这转载 2013-09-15 22:11:20 · 1116 阅读 · 0 评论 -
JavaScript编程风格
Douglas Crockford是JavaScript权威,Json格式就是他的发明。去年11月他有一个演讲(Youtube),谈到了好的JavaScript编程风格是什么。我非常推荐这个演讲,它不仅有助于学习JavaScript,而且能让你心情舒畅,因为Crockford讲得很幽默,时不时让听众会心一笑。下面,我根据这个演讲和Crockford编写的代码规范,总结一下“转载 2013-08-24 09:59:24 · 485 阅读 · 0 评论 -
CSS精灵优化Retina显示屏下的网站图像
CSS精灵优化Retina显示屏下的网站图像转载http://www.shejidaren.com/css-sprites-optimize-retina-2x-image.htmlRetina Display的出现有好有坏吧,坏处就是我们设计师要多做一份@2x版本的图像,如果不做的话在Retina显屏下会模糊。既然要做2份了,哪么我们可以利用CSS精灵(c转载 2013-09-16 00:58:46 · 1024 阅读 · 0 评论 -
javascript对象小探之七——数值进制的表示、解析、转化
//数值的表示方法 document.writeln(5*020); //结果是5*16=80 document.writeln(5*09); //非进制内的字符转化10进制,结果为45 document.writeln(5*0x10) //结果为5*16=80 //数值的解析方式 document.writeln(parseInt(01180,2)); //按二进原创 2013-09-04 13:05:47 · 549 阅读 · 0 评论 -
javascript对象小探之六——全局变量、变量提升和this
一全局变量 window是js运行的全局环境,定义全局变量其实就是在为window添加属性。定义全局变量的两种方式:(其他都是不合法,会阻中断js执行)1、简单点,下直接var a;2、如果没有使用var关键字来声明的话,那这个变量必须存在于某个函数体内,不能是参数,当然也不会成为方法的局部变量了,而是也会作为全局变量添加到window对象中。所以,尽管平时我们定义变量可以省原创 2013-08-29 02:13:38 · 1037 阅读 · 0 评论 -
javascript对象小探之四---undefined、null、NaN的相互运算
浏览器的JavaScript版本支持测试 var a; var b=a+9; var c="dd"+a; var d=a+null; var e=9+null; var f="dd"+undefined; var h=a>>>1; var g=h>>1; var i=null>>1; document.writeln(b); //undefined无原创 2013-09-03 23:33:57 · 697 阅读 · 0 评论 -
javascript对象小探之一——Math.PI
一、代码:无标题 1Math.PI=Math.PI+1;var a= (Math.PI++);var b = (Math.PI++);alert(a);alert(b);二、结果:输出全是3.141592653589793,没有改变,说明系统对象的属性是只读的。原创 2013-08-28 13:11:23 · 3636 阅读 · 0 评论 -
javascript对象小探之三——undefined和undeclared
一、undefinedundefined是javascript的一个数据类型对象。var i; //那么i的值就是undefined二、undeclaredundeclared是一种语法错误,不是数据类型,不要误会了。但是js引擎不会报错,会把它当成全局变量,即当成window的属性。tt=9;document.writeln(window.tt);原创 2013-08-28 16:07:16 · 1048 阅读 · 0 评论 -
javascript深入理解js闭包
一、变量的作用域要理解闭包,首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种:全局变量和局部变量。Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。Js代码 var n=999; function f1(){ alert(n); } f1(); // 999另一转载 2013-08-28 21:22:52 · 410 阅读 · 0 评论 -
javascript深入了解匿名函数和闭包
1、匿名函数2、闭包3、举例4、注意1、匿名函数函数是JavaScript中最灵活的一种对象,这里只是讲解其匿名函数的用途。匿名函数:就是没有函数名的函数。1.1 函数的定义,首先简单介绍一下函数的定义,大致可分为三种方式第一种:这也是最常规的一种function double(x){ return 2 * x; }转载 2013-08-28 22:03:53 · 1367 阅读 · 0 评论 -
javascript内存泄漏
网搜结果:1、循环引用(Circular References) — IE浏览器的COM组件产生的对象实例和网页脚本引擎产生的对象实例相互引用,就会造成内存泄漏。 这也是Web页面中我们遇到的最常见和主要的泄漏方式; 举例:DOM对象与JS对象相互引用。范例: function Encapsulator(element) { this.elementReference原创 2013-08-29 10:59:08 · 581 阅读 · 0 评论 -
javascript学习笔札
一、简介在javascript中一切都是对象,没有类的说法。因此,只要知道javascript对象的一切,就好了。系统对象首字母大写:Boolean、Number、String、Date、Array、Function、RegExp;其他对象首字母小写:窗口对象:window,其属性对象document、location、navigator、history、screen;原创 2013-08-26 21:23:00 · 593 阅读 · 0 评论 -
事件的命名空间
场景:页面上的某个元素bind多个click事件处理函数,视用户的具体交互情况来决定到底使用哪个处理函数。问题:unbind时会解绑所有的click事件,造成误伤。如果之前bind时有定义处理函数的方法名,可以通过将方法名传给unbind的第二个参数来解绑指定的bind;但很多情况下bind的处理函数都是匿名函数,此时unbind的第二个参数无法处理。click事件发生时无法指定调用某个具转载 2013-08-29 22:19:00 · 899 阅读 · 0 评论 -
javascript ready和load事件的区别
ready,是在DOM加载完成就触发。Jquery中$(document).ready(function(){}) ; //或者$().ready(function(){}); //或者$(function(){}):load,是在加载完所有页面内容才会触发,所有内容包括图片,flash等.如果页面的这些内容很多会让用户等待很长时间.原创 2013-08-29 13:24:59 · 4462 阅读 · 0 评论 -
阻止事件冒泡和默认行为
window.onload=function(){ var a=document.getElementById("a"); var b=document.getElementById("b"); var c=document.getElementById("c"); var c=document.getElementById("d"); a.onclick=function(e转载 2013-08-29 23:54:14 · 630 阅读 · 0 评论 -
关注javascript的语言标准规范和发展——ECMAScript
一、简介ECMAScript(ES)是脚本语言的标准,正式名ECMA-262。javascript、jscript、ActionScript都是建立在它之上,但他们也扩充了自己。比如,了解一下ES,就知道javascript包含ECMAScript了。因此关注ES就差不多知道js的发展情况了。ECMA都是欧洲计算机制造协会的简称。二、版本至今为止有五个ECMA-262版本。原创 2013-09-06 20:51:31 · 1778 阅读 · 0 评论 -
document.documentElement和document.body区别
区别:body是DOM对象里的body子节点,即 标签;documentElement 是整个节点树的根节点root,即 标签;没使用DTD情况即怪异模式BackCompat下:document.documentElement.clientHeight=0document.body.clientHeight=618使用DTD情况即标准模式CSS原创 2013-09-06 23:47:15 · 1494 阅读 · 0 评论 -
浏览器的浏览模式——兼容模式
首先申明浏览器的浏览模式,不是文档解析模式(标准模式和怪异模式)。简单地说,就是浏览器的浏览网页时用什么版本的内核。所谓的兼容模式就是用某个历史版本浏览。网上搜集结果,可以设置网页浏览模式的浏览器如下: IE: 当要模拟IE7时,指定IE=EmulateIE7,指定IE=5, IE=7, 或IE=8来选择其中一种兼容性模式。你也可以指定IE=edge来指示I原创 2013-09-07 00:19:17 · 1860 阅读 · 0 评论 -
汇总几篇IE attribute hack的文章
说明:IE8+表示IE9、IE10......IE8: hack: http://www.css88.com/archives/1681IE9 hack:http://www.css88.com/archives/3746看了会觉得很奇怪,结合起来写成background-color:blue\9\0; /* ie8+,注意顺序*/ 居然变成IE9 的hack原创 2013-09-07 02:33:25 · 629 阅读 · 0 评论 -
onkeypress,onkeyup,onkeydown的区别
JS中onkeypress,onkeyup,onkeydown的区别onkeypress是在用户按下并放开任何字母数字键时发生。系统按钮(例如,箭头键和功能键)无法得到识别。onkeyup 是在用户放开任何先前按下的键盘键时发生。onkeypress是在用户按下并放开任何字母数字键时发生。系统按钮(例如,箭头键和功能键)无法得到识别。因此做搜索建议s原创 2013-09-22 18:00:11 · 676 阅读 · 0 评论