JavaScript的方法和技巧
这篇介绍javascript方面的日志,我在是Clang上看到的。作者介绍挺全面的,所以转载过来让感兴趣的朋友看一下。呵呵~~~
有些时候你精通一门语言,但是会发现你其实整天在和其它语言打交道,也许你以为这些微不足道,不至于影响你的开发进度,但恰恰是这些你不重视的东西会浪费你很多时间,我一直以为我早在几年前就已经精通JavaScript了,直到目前,我才越来越觉得JavaScript远比我想象的复杂和强大,我开始崇拜它,
趁着节日的空隙,把有关JavaScript的方法和技巧整理下,让每个在为JavaScript而烦恼的人明白,JavaScript就这么回事!并希望JavaScript还可以成为你的朋友,让你豁然开朗,在项目中更好的应用~
适合阅读范围:对JavaScript一无所知~离精通只差一步之遥的人
基础知识:HTML
JavaScript就这么回事1:基础知识
1 创建脚本块
1: <script language=”JavaScript”>
2: JavaScript code goes here
3: </script>
2 隐藏脚本代码
1: <script language=”JavaScript”>
2: <!--
3: document.write(“Hello”);
4: // -->
5: </script>
在不支持JavaScript的浏览器中将不执行相关代码
3 浏览器不支持的时候显示
1: <noscript>
2: Hello to the non-JavaScript browser.
3: </noscript>
4 链接外部脚本文件
1: <script language=”JavaScript” src= "/”filename.js "”> </script>
5 注释脚本
1: // This is a comment
2: document.write(“Hello”); // This is a comment
3: /*
4: All of this
5: is a comment
6: */
6 输出到浏览器
1: document.write(“ <strong> Hello </strong> ”);
7 定义变量
1: var myVariable = “some value”;
8 字符串相加
1: var myString = “String1” + “String2”;
9 字符串搜索
1: <script language=”JavaScript”>
2: <!--
3: var myVariable = “Hello there”;
4: var therePlace = myVariable.search(“there”);
5: document.write(therePlace);
6: // -->
7: </script>
10 字符串替换
1: thisVar.replace(“Monday”,”Friday”);
11 格式化字串
1: <script language=”JavaScript”>
2: <!--
3: var myVariable = “Hello there”;
4: document.write(myVariable.big() + “ <br> ”);
5: document.write(myVariable.blink() + “ <br> ”);
6: document.write(myVariable.bold() + “ <br> ”);
7: document.write(myVariable.fixed() + “ <br> ”);
8: document.write(myVariable.fontcolor(“red”) + “ <br> ”);
9: document.write(myVariable.fontsize(“18pt”) + “ <br> ”);
10: document.write(myVariable.italics() + “ <br> ”);
11: document.write(myVariable.small() + “ <br> ”);
12: document.write(myVariable.strike() + “ <br> ”);
13: document.write(myVariable.sub() + “ <br> ”);
14: document.write(myVariable.sup() + “ <br> ”);
15: document.write(myVariable.toLowerCase() + “ <br> ”);
16: document.write(myVariable.toUpperCase() + “ <br> ”);
17:
18: var firstString = “My String”;
19: var finalString = firstString.bold().toLowerCase().fontcolor(“red”);
20: // -->
21: </script>
12 创建数组
1: <script language=”JavaScript”>
2: <!--
3: var myArray = new Array(5);
4: myArray[0] = “First Entry”;
5: myArray[1] = “Second Entry”;
6: myArray[2] = “Third Entry”;
7: myArray[3] = “Fourth Entry”;
8: myArray[4] = “Fifth Entry”;
9: var anotherArray = new Array(“First Entry”,”Second Entry”,”Third Entry”,”Fourth Entry”,”Fifth Entry”);
10: // -->
11: </script>
13 数组排序
1: <script language=”JavaScript”>
2: <!--
3: var myArray = new Array(5);
4: myArray[0] = “z”;
5: myArray[1] = “c”;
6: myArray[2] = “d”;
7: myArray[3] = “a”;
8: myArray[4] = “q”;
9: document.write(myArray.sort());
10: // -->
11: </script>
14 分割字符串
1: <script language=”JavaScript”>
2: <!--
3: var myVariable = “a,b,c,d”;
4: var stringArray = myVariable.split(“,”);
5: document.write(stringArray[0]);
6: document.write(stringArray[1]);
7: document.write(stringArray[2]);
8: document.write(stringArray[3]);
9: // -->
10: </script>
15 弹出警告信息
1: <script language=”JavaScript”>
2: <!--
3: window.alert(“Hello”);
4: // -->
5: </script>
16 弹出确认框
1: <script language=”JavaScript”>
2: <!--
3: var result = window.confirm(“Click OK to continue”);
4: // -->
5: </script>
17 定义函数
1: <script language=”JavaScript”>
2: <!--
3: function multiple(number1,number2) {
4: var result = number1 * number2;
5: return result;
6: }
7: // -->
8: </script>
18 调用JS函数
1: <a href=”#” onClick=”functionName()”> Link text </a>
2: <a href= "/”javascript:functionName "()”> Link text </a>
19 在页面加载完成后执行函数
1: <body onLoad=”functionName();”>
2: Body of the page
3: </body>
20 条件判断
1: <script>
2: <!--
3: var userChoice = window.confirm(“Choose OK or Cancel”);
4: var result = (userChoice == true) ? “OK” : “Cancel”;
5: document.write(result);
6: // -->
7: </script>
[解决办法]
支持
[解决办法]
支持并接分!
[解决办法]
谢谢LZ分享!
[解决办法]
好贴
[解决办法]
支持,好帖
[解决办法]
看完这篇帖子和楼上的回帖!我哭了!楼上各位的睿智与我的愚昧有着多么强烈的反差啊!你们的话使我获得了新生,我感觉眼前的世界刹那间充满了绚丽的色彩,光芒似无数柄利刃割驰我腐朽的残躯,我在撕痛中惊醒,复苏……从今天起,我要重新书写人生……
[解决办法]
支持
[解决办法]
JF~
[解决办法]
用清晰的思维化繁为简
[解决办法]
好帖,正在学习 "JavaScript权威指南 第四版 ".
楼主列出JavaScript主要功能后,使我的学习思路更加清晰.
[解决办法]
强烈支持!!
[解决办法]
巨支持
[解决办法]
支持
[解决办法]
收藏并接分
[解决办法]
学习中……
谢谢楼主
[解决办法]
这么多!够我玩的了.
[解决办法]
好东东,我收。谢
[解决办法]
顶上去
[解决办法]
不错,好人啊
[解决办法]
好东西,谢谢lz
[解决办法]
xiexie
[解决办法]
Up好帖
[解决办法]
up
[解决办法]
mark
[解决办法]
非常8错`
[解决办法]
支持
[解决办法]
[解决办法]
支持
[解决办法]
good
[解决办法]
好贴.收藏!!
[解决办法]
好贴.收藏!!
[解决办法]
.....
------解决方案--------------------
.....
[解决办法]
jf
[解决办法]
不错,
还好我只有一点点不知道的
[解决办法]
感谢!
[解决办法]
mark
[解决办法]
thanks,mark
[解决办法]
mark
[解决办法]
强烈支持
[解决办法]
千斤顶
[解决办法]
hao
[解决办法]
谢谢
[解决办法]
好贴……
顶了
[解决办法]
比较全啊
[解决办法]
谢谢
[解决办法]
主要的功能有介绍了
不错,值得收藏
[解决办法]
比较全面~~
[解决办法]
很顶!
[解决办法]
收藏..
[解决办法]
谢谢
[解决办法]
收藏..
收藏..
收藏..
[解决办法]
谢谢
[解决办法]
收藏,谢谢~
[解决办法]
学习了一下午
[解决办法]
学习鸟..呵呵..
[解决办法]
不错不错,顶
[解决办法]
mark
[解决办法]
8错8错
Mark
[解决办法]
全部看完了,支持一个!
[解决办法]
不顶不行
[解决办法]
强贴,收了
[解决办法]
好人啊!!!!
[解决办法]
顶!顶!顶!顶!顶!
[解决办法]
马克
谢谢
[解决办法]
好贴,收藏了
[解决办法]
好文,感谢楼主分享
------解决方案--------------------
好文,感谢楼主分享,收藏了
[解决办法]
01011
[解决办法]
不错
[解决办法]
mark
[解决办法]
经典啊
[解决办法]
LZ出本书~俺一顶去买~
[解决办法]
多谢楼主了呀!
[解决办法]
ok
[解决办法]
LZ好人
[解决办法]
厉害!
收藏!
[解决办法]
up
[解决办法]
mark
[解决办法]
太全面了!有如早晨的一道阳光射到我的床上那般温暖,清风扶过脸庞那般清新。
感谢搂主!阿门!
[解决办法]
收藏,学习
[解决办法]
好样的
[解决办法]
好东西,收藏了
[解决办法]
不得不做个记号!
[解决办法]
学习~~~标记
[解决办法]
hao a
[解决办法]
GOOD!
[解决办法]
好帖啊!
[解决办法]
收藏先!!
[解决办法]
不错!
[解决办法]
收了先
[解决办法]
好,收藏.
[解决办法]
好帖,收藏
[解决办法]
支持楼主!
[解决办法]
好贴好有报~~~~~~
[解决办法]
呵呵,收下了,谢谢lz