leohxj - 博客园

function person(firstname,lastname,age,eyecolor)
{
this.firstname=firstname
this.lastname=lastname
this.age=age
this.eyecolor=eyecolor
}

myFather=new person("John","Adams",35,"black")

posted @ 2012-05-28 23:32 leohxj 阅读(3) 评论(0) 编辑

JavaScript 错误处理

捕获异常

try...catch 可以测试代码中的错误。try 部分包含需要运行的代码，而 catch 部分包含错误发生时运行的代码。

语法：

try
{
   //在此运行代码
}
catch(err)
{
   //在此处理错误
}

throw 声明的作用是创建 exception（异常）。你可以把这个声明与 try...catch 声明配合使用，以达到控制程序流并产生精确错误消息的目的。

语法：

throw(exception)

举个例子：

<html>
<body>
<script type="text/javascript">
var x=prompt("Enter a number between 0 and 10:","")
try
{ 
if(x>10) 
throw "Err1"
else if(x<0)
throw "Err2"
} 
catch(er)
{
if(er=="Err1") 
alert("Error! The value is too high")
if(er == "Err2") 
alert("Error! The value is too low") 
}
</script>
</body>
</html>

posted @ 2012-05-28 23:00 leohxj 阅读(0) 评论(0) 编辑

js学习整理

学习最好的检验方法是测试，就是coding!

当然，理论知识不能差，不然没发展。

javascript呢，功能很强大，依靠浏览器本地处理优化，对浏览器的依赖性也比较大。

javascript 的真实名称是ECMAScript,对于js有什么不清楚的，大可查阅ECMA.

一门语言的入门，需要了解的是语法的规则。

对于js ,变量的声明无需制定类型，但是当代码量一大，阅读起来也就不方便了，所以尽量约定一种命名方式。

比如网易前端的命名方式，在变量的前面加上类型的第一个字母。

js可以放置在html中的任何位置，也可以再head中外连接js文件。

变量的创建使用var关键字，比如:

var x;

基本的运算和其他语言类似。

结构上面，依然有if, while ,do...while, for, switch()这样的结构。

值得一提的是存在一种for...in的遍历结构，可以方便的遍历对象数组。

比如:

var arry = new Array();

arry[0]="aaa";

arry[1]="bbb";

for(x in arry) {

　　console(arry[x]);

}

函数的定义：

var fName = function(xxx,xxx){

　　//do something

}

posted @ 2012-05-28 22:05 leohxj 阅读(4) 评论(0) 编辑

Zen Coding使用技巧

很不习惯vim的移动方式，还是比较习惯emacs。

最近又有一款很火爆的编辑器，sublime text 2 ,使用了一下，界面很舒服，跳转很快。

加上ZenCoding,编写前端简直是神器啊，舒服啊！

ps: 在sublime下，只支持缩写扩展。

-------------------使用技巧----------------------------

html:xt>div#header>div#logo+ul#nav>li.item-$*5>a

你能想象这样的一行代码，展开时候会是什么样子么：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title></title>
</head>
<body>
    <div id="header">
        <div id="logo"></div>
        <ul id="nav">
            <li class="item-1"><a href=""></a></li>
            <li class="item-2"><a href=""></a></li>
            <li class="item-3"><a href=""></a></li>
            <li class="item-4"><a href=""></a></li>
            <li class="item-5"><a href=""></a></li>
        </ul>
    </div>
</body>
</html>

对，你没看错。

是不是丫的很神奇~~~lol

----------------展开缩写-----------------

Element: 直接扩展标签，比如h1-> <h1></h1>

Element#idName: 带上id属性

Element.className: 带上class属性

Element>N: 父子关系

Element+N: 兄弟关系

Element*n: 倍增

E$*n: 条目编号，比如(ul#nav>li.item-$*5); $符号可以重复多次，代表一位数字。

posted @ 2012-05-28 19:33 leohxj 阅读(5) 评论(0) 编辑

JavaScript 能做什么？

1.JavaScript 为 HTML 设计师提供了一种编程工具: HTML 创作者往往都不是程序员，但是 JavaScript 却是一种只拥有极其简单的语法的脚本语言！几乎每个人都有能力将短小的代码片断放入他们的 HTML 页面当中。
2.JavaScript 可以将动态的文本放入 HTML 页面: 类似于这样的一段 JavaScript 声明可以将一段可变的文本放入 HTML 页面：document.write("<h1>" + name + "</h1>")
3.JavaScript 可以对事件作出响应: 可以将 JavaScript 设置为当某事件发生时才会被执行，例如页面载入完成或者当用户点击某个 HTML 元素时。
4.JavaScript 可以读写 HTML 元素: JavaScript 可以读取及改变 HTML 元素的内容。
5.JavaScript 可被用来验证数据: 在数据被提交到服务器之前，JavaScript 可被用来验证这些数据。
6.JavaScript 可被用来检测访问者的浏览器: JavaScript 可被用来检测访问者的浏览器，并根据所检测到的浏览器，为这个浏览器载入相应的页面。
7.JavaScript 可被用来创建 cookies: JavaScript 可被用来存储和取回位于访问者的计算机中的信息。

posted @ 2012-05-28 15:42 leohxj 阅读(2) 评论(0) 编辑

jQuery学习之过滤

$("Element").eq(index)

取得第n个元素，此方法的是从0算起的。$("div").eq(5)表示获得此页面中的第6个div

$("Element").hasClass("className")

检查当前的元素是否含有某个特定的类，如果有，则返回true。

$("Element").filter("Expression")

筛选出与指定表达式匹配的元素集合。这个方法用于缩小匹配的范围。可用逗号分隔多个表达式。比如$("input",".Names",":last")表示筛选出最后一个使用Names类选择器的input中的最后一个。

$("Element").filter("function")

使用方法同上，Function与《【第十一节】jQuery速成 - 元素属性的设置与移除》中的第四个元素使用方法一致。

$("Element").is("Expression")

用一个表达式来检查当前选择的元素集合，如果其中至少有一个元素符合这个给定的表达式就返回true。比如$("div:first[class='abc']").parent().is("body")

$("Element").map("callback")

将一组元素转换成其他数组（不论是否是元素数组）

$("Element").slice(start,end)

$("Element").slice(start,end),start (Integer) :开始选取子集的位置。第一个元素是0.如果是负数，则可以从集合的尾部开始选起。end (Integer) : (可选) 结束选取自己的位置，如果不指定，则就是本身的结尾。

$("Element").not("Expression")

比如：HTML:<p>Hello</p><p id="abc">Hello Again</p>
jQuery：$("p").not( $("#abc")[0] )
结果： <p>Hello</p>

posted @ 2012-05-28 10:23 leohxj 阅读(1) 评论(0) 编辑

jQuery学习之元素的设置与移除

$("Element").attr(name)

取得第一个匹配元素的属性值，比如$("img").attr("src")

$("Element").attr({key:value,key,value,....})

表示为某一个元素一次性设置多个属性

$("Element").attr(key,value)

为某一个元素设置属性

$("Element").attr(key,function)

为所有匹配的元素设置一个计算的属性值。

$("Element").removeAttr(name)

移除某一个属性

posted @ 2012-05-28 09:26 leohxj 阅读(2) 评论(0) 编辑

jQuery学习之对象获取进阶

$("Element[id]")

获得所有带有ID属性的元素

$("Element[attribute=KwooShung]")

获得所有某个属性为KwooShung的元素

$("Element[attribute!=KwooShung]")

获得所有某个属性不为KwooShung的元素，我想如果学过C#和java的人都明白"!"在程序中表示非

$("Element[attribute^=Kwoo]")

获得所有某个属性值是以Kwoo开头的元素

$("Element[attribute$=Kwoo]")

获得所有某个属性值是以Kwoo结尾的元素

$("Element[attribute*=Kwoo]")

获得所有某个属性值包含Kwoo的元素

$("Element[selector1][selector2][....]")

符合属性选择器，比如$("input[id][name][value=kwooshung]")表示获得带有ID、Name以及value是KwooShung的input元素。

$("Element:nth-child(index)")
选择父级下的第N个子级元素，索引从1开始，而eq函数（eq函数会在后面学习到）从0开始。
                           ┣━:nth-child(even)偶数
                           ┣━:nth-child(odd)奇数
                           ┣━:nth-child(3n)表达式
                           ┣━:nth-child(2)索引
                           ┣━:nth-child(3n+1)表达式
                           ┗━:nth-child(3n+2)表达式

$("Element:first-child")

匹配父级下的第一个子级元素

$("Element:last-child")

匹配父级下的最后一个子级元素

$("Element:only-child")

匹配父级下的唯一的一个子级元素，例如dt在dl列表中唯一，那么将选择dt

posted @ 2012-05-28 09:24 leohxj 阅读(4) 评论(0) 编辑

[置顶]一些文章

前端字符编码问题

JavaScript 参考手册

javascript对象的创建