随笔分类 - JavaScript
1
摘要：一、JS的三种最常见的对话框//====================== JS最常用三种弹出对话框 ======================== //弹出对话框并输出一段提示信息 function ale() { //弹出一个对话框 alert("提示信息！"); } //弹出一个询问框，有确定和取消按钮 function firm() { //利用对话框返回的值 （true 或者 false） if (confirm("你确定提交吗？")) { ale...
阅读全文
摘要：当越来越多的人开始使用mobile设备浏览互联网，站长们也在为他们的网站创建自适应的布局。一个使用应用样式制作的自适应的布局，适合特定屏幕大小。最常见的做法是改变页面布局，从而使多列单栏在屏幕上的空间变得越来越小。然而，有更多的自适应网站，用户能够使用最小的设备友好访问。常见的挑战是缩放图像（和它们的带宽使用率）和使得导航工作良好。有创意的网页设计师在如何创建自适应的导航方面已经提出了一些尝试。最佳方法往往依赖于为桌面用户使用菜单的复杂性。有时只是简单的菜单可以被缩减，例如去掉logos和其他头部元素。菜单与制造元素，另一方面，需要更激进的方法很好地工作。这里最流行的技术是使用一个切换的设计，
阅读全文
摘要：原文地址：http://www.goodfav.com/zh/jquery-countdown-scripts-3594.html使用jQuery倒计时插件可能是最简单最好的方式添加动态和交互式倒数计时器到您的网站上。我相信你已经注意到了，例如倒计时功能运行网站，显示倒计时，直到一个大事件。使用jQuery的倒数计时器，你也可能看到网站是不在线或是在维护，告诉用户什么时候回来。这就是所谓的正在建设定时器或登陆页面。它们也可用于以倒计时的发布日期的一款游戏，电影或参加一个聚会。倒计时或jQuery定时器脚本有许多有用的实例，好消息是，有一些真正的好脚本，你可以在您的网站上使用。在这篇文章中，你会
阅读全文
摘要：原文地址：http://www.goodfav.com/websites-with-floating-and-fixed-position-navigation-designs-3612.html非常好看和用户体验友好的导航是在网页设计中最重要的方面之一。网页设计师们发明了许多不同的想法，以帮助用户能够尽可能高效地找到他们。最常用的方法是一个或两个放置在页面顶部的下拉菜单。不过，最近最酷的趋势之一是通过使用一个浮动菜单，导航有一个固定的位置，使导航菜单在任何时间都可见。实现一个浮动菜单，通常需要某种形式的JavaScript。最酷的导航脚本已经实施jQuery的菜单插件，他们往往是快速和容易实
阅读全文
摘要：一、作为全局执行环境的window对象客户端JS中window对象是全局对象，因此，所有的全局变量都被定义为了该对象的属性。var answer=42;
window.answer=42;
//这两行代码实际上执行的是相同的功能二、客户端的对象层次和文档对象模型（DOM）每个window对象都定义了一个document属性，该属性引用与这个窗口关联在一起的document对象。document对象也可以拥有引用其他对象的属性，例如每个document对象都一个forms[]数组，代表的所有form的对象window.document.forms[0]
阅读全文
摘要：一、作为数据的函数function square(x){return x*x}
//定义了一个新的函数对象，并把这个对象赋给了变量 square
var a=square(4);
var b=square;
var c=b(5); //除了赋给变量外，还可以赋给对象的属性，这种情况下，我们称函数为方法
var o=new object;
o.square=function(x){return x*x}
y=o.square(16); //函数也可以没有函数名
var a=new Array(3);
a[0]=function(x){returnp x*x}
a[1]=20;
a[2]=a[..
阅读全文
摘要：一、定义function print(msg)
{ document.write(msg,"");
} function distance(x1,y1,x2,y2)
{ var dx=x2-x1; var dy=y2-y1; return Math.sgrt(dx*dx+dy*dy);
} function factorial(x)
{ if(xm) m=arguments[i]; return m; }
} var largest=max(1,10,100,2,3,1000,4,5,10000,6);
//这样的能够接受任意数目的参数被称作可变参数函数 //callee.
阅读全文
摘要：一、创建//最简单的方法就是使用数组直接量
var empty=[];
var primes=[2,3,4,5,6];
var misc=[1.1,true,"a"]; //数组直接量的值也可以是表达式
var table=[base,base+1,base+2,base+3]; //也可以包含对象或者其他数组
var b=[[1,{x:1,y:2}],[2,{x:3,y:4}]]; //未定义的元素可以通过忽略逗号直接的元素值来创建
var count=[1,,3];
var undefs=[,,]; //创建数组的另一种方法是使用 Array() 构造函数
//无参数调
阅读全文
摘要：JS中的对象是一种复合数据类型，将多个数据值集中在一个单元中，允许使用名字来存取这些值。也可以理解为：对象是一个无序的属性集合，每个属性都有自己的名字和值。一、创建//直接加入一个对象直接量，是用逗号分隔开的一对对的属性名和值的列表
var empty = {};
var point = {x:0,y:0};
var circle = { x:point.x,y:point.y+1,radius:2};
var homer={ "name":"Home Simpson", "age":34, "married":t
阅读全文
摘要：一、if 等常规语句略过啦，大家都会的。二、switchswitch (n){ case 1: //Execute code block #1. break; case 2: //Execute code block #2. break; case 3: //Execute code block #3. break; case 4: //Execute code block #4. break; default: //Execute...
阅读全文
摘要：一、带操作的赋值运算符1.+= 执行加法和赋值运算total+=sales_tax;
//等同于
total=total+sales_tax;二、条件运算符1.三元运算符greeting = "hello" + (username != null ? username : "there");
//等价于
greeting = "hello";
if(username != null) greeting += username;
else greeting += "there";三、typeof 运算符1.放在一个运
阅读全文
摘要：一、表达式1.JS解释器可以计算它，从而生成一个值；2.最简单的表达式是直接量或者变量名，直接量表达式的值就是这个直接量本身；123； “我是字符串” i+1.7； (a+3)*sum;二、运算符1.大多数运算符是符号，如：“+”，“-”，但也有运算符是由关键字表示的， 如 “delete”；P列说明了每个运算符的优先级，数字大的高于数字小的三、相等运算符 == 和等同运算符 ===1.==是允许类型转换的，===必须完全相等的2.===的规则：a.如果两个值的类型不同，它们就不相同；b.如果两个值的类型都是数字，只要不是Nan，都是等同c.字符串的每一个位置上的字符都相同，才是等同d....
阅读全文
摘要：一、变量的类型1.JS是非类型的，也就是说JS的变量可以储存任何类型的值；2.所以在必要时，JS可以快速、自动的将一种类型的值转换成另外一种类型；二、变量的声明//声明单个变量
var a; //声明多个变量
var a,b,sum; //声明和初始化绑定
var msg="hello";
var i=0,j=0,k=0; //var还可以作为for 循环的一部分
for( var i=0;i++;i");多次声明同一个变量时合法的，只不过是重新赋值。三、变量的作用域1.在函数内部定义的变量时局部变量，且优先级比全局变量高；2.虽然在全局作用域中可以不使用 var
阅读全文
摘要：一、null1.一般被看作对象类型的的一个特殊值，即表示“无对象”的值；2.当用于布尔环境中，转换为 false，数字环境为 0 ，字符串环境为“null”；二、undefined1.在使用一个未声明的变量，或者是没有赋值的变量，或者使用了一个并不存在的对象属性时，返回的这个值；2.虽然和 null 值不同，但是 == 运算符却将二者看成相等；3.用于布尔环境，转换为 false ，数字环境为 NaN，字符串环境为“undefined”；三、类型转换总结
阅读全文
摘要：一、函数定义：function square(x)
{ return x*x
}二、对象，已命名的数据的集合1.创建var o=new object();
var now=new date();
var pattern=new RegExp("\\sjava\\s","i");2.调用属性var poit = new object();
point.x = 2.3;
point.y = -1.2;3.对象初始化，对象直接量是由一个列表构成的，是由冒号分隔的 属性/值 对var point = { x:2.3,y:-1.2};4.对象也可以嵌套var re
阅读全文
摘要：一、数字：在JS中所有的数字都是 number ，不区分整型和浮点型在任何数值前加负号都可构成负数，但负号是一元求反运算符二、特殊的数值1.当浮点值大于所能表示的最大值时，JS将输出：Infinity ，同样当负值小于最小值时将输出： -Infinity2.当一个数字运算时产生未定义的结果或错误，结果是一个非数字的特殊值：Nan，它和任何数值都不相等，包括自身，通过 isNan() 来检测这个值三、字符串，都是通过 ' 或者" 来表示的，可以互相包含四、转义序列五、字符串的使用1.通过“+” 来链接字符串msg="hello "+"world !
阅读全文
摘要：每种语言的学习通常都是从语法结构开始的！一、JavaScript 使用的是unicode 字符集,通用世界上所以的语言；二、大小写敏感，但是html 并不区分大小写；三、虽然允许换行书写时不加分号，但是为了保持良好的编码习惯，给每一个结束的语句加上分号还是很必要的；四、标识符：用来命名变量和函数1.第一个字符必须是字母、下划线( _ )、美元符号（$）2.不可是保留关键字第一节就这么多啦，哈哈！
阅读全文
摘要：先下载教材：http://www.kuaipan.cn/file/id_26302315296194913.html我会以笔记的形式把文中的重点写下来，不懂的部分还是要参照书好好学的。要做到以下几点，要不达不到效果的：1.尽力理解弄懂每一个列出来的知识点；2.做出每一个记录下来的例子；3.多思考，多反馈，不为学完而学，要为学会而学。兄弟们，加油！
阅读全文
摘要：用户登录通过动态方法处理多个提交请求 用户：密码：通过method属性处理多个提交请求 用户：密码：
阅读全文
1
