JavaScript 基础技巧
来源:互联网 发布:php上传图片的插件 编辑:程序博客网 时间:2024/05/20 12:25
1:基础知识
1 创建脚本块
<script language=”JavaScript”>
JavaScript code goes here
</script>
JavaScript code goes here
</script>
2 隐藏脚本代码
1: <script language=”JavaScript”>
2: <!--
3: document.write(“Hello”);
4: // -->
5: </script>
2: <!--
3: document.write(“Hello”);
4: // -->
5: </script>
在不支持JavaScript的浏览器中将不执行相关代码
3 浏览器不支持的时候显示
1: <noscript>
2: Hello to the non-JavaScript browser.
3: </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: */
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>
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>
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>
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>
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>
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>
2: <a href="/”javascript:functionName"()”>Link text</a>
19 在页面加载完成后执行函数
1: <body onLoad=”functionName();”>
2: Body of the page
3: </body>
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>
2: <!--
3: var userChoice = window.confirm(“Choose OK or Cancel”);
4: var result = (userChoice == true) ? “OK” : “Cancel”;
5: document.write(result);
6: // -->
7: </script>
21 指定次数循环
1: <script>
2: <!--
3: var myArray = new Array(3);
4: myArray[0] = “Item 0”;
5: myArray[1] = “Item 1”;
6: myArray[2] = “Item 2”;
7: for (i = 0; i < myArray.length; i++) ...{
8: document.write(myArray[i] + “<br/>”);
9: }
10: // -->
11: </script>
2: <!--
3: var myArray = new Array(3);
4: myArray[0] = “Item 0”;
5: myArray[1] = “Item 1”;
6: myArray[2] = “Item 2”;
7: for (i = 0; i < myArray.length; i++) ...{
8: document.write(myArray[i] + “<br/>”);
9: }
10: // -->
11: </script>
22 设定将来执行
1: <script>
2: <!--
3: function hello() ...{
4: window.alert(“Hello”);
5: }
6: window.setTimeout(“hello()”,5000);
7: // -->
8: </script>
2: <!--
3: function hello() ...{
4: window.alert(“Hello”);
5: }
6: window.setTimeout(“hello()”,5000);
7: // -->
8: </script>
23 定时执行函数
1: <script>
2: <!--
3: function hello() ...{
4: window.alert(“Hello”);
5: window.setTimeout(“hello()”,5000);
6: }
7: window.setTimeout(“hello()”,5000);
8: // -->
9: </script>
2: <!--
3: function hello() ...{
4: window.alert(“Hello”);
5: window.setTimeout(“hello()”,5000);
6: }
7: window.setTimeout(“hello()”,5000);
8: // -->
9: </script>
24 取消定时执行
1: <script>
2: <!--
3: function hello() ...{
4: window.alert(“Hello”);
5: }
6: var myTimeout = window.setTimeout(“hello()”,5000);
7: window.clearTimeout(myTimeout);
8: // -->
9: </script>
2: <!--
3: function hello() ...{
4: window.alert(“Hello”);
5: }
6: var myTimeout = window.setTimeout(“hello()”,5000);
7: window.clearTimeout(myTimeout);
8: // -->
9: </script>
25 在页面卸载时候执行函数
1: <body onUnload=”functionName();”>
2: Body of the page
3: </body>
2: Body of the page
3: </body>
- JavaScript 基础技巧
- JavaScript 基础技巧(1)
- JavaScript 基础技巧(2)
- JavaScript基础技巧44
- JavaScript基础、技巧、防坑
- JavaScript基础——高级技巧
- JavaScript常用的基础语法和技巧
- JavaScript常用的基础语法和技巧
- js基础-JavaScript开发技巧总结
- javascript技巧
- JavaScript技巧
- javascript技巧
- javascript技巧
- javascript 技巧
- javascript技巧
- JavaScript技巧
- javascript 技巧
- JavaScript 技巧
- Ours Facebook研究报告---第六章.Ours Facebook技术研究总结报告
- Dundas控件绘图
- Timing of File Operations In WDM driver
- javaScript 常用技巧(三)
- 创建、进入和删除以‘-’号开头的目录
- JavaScript 基础技巧
- 网友猜测三鹿奶粉受污染:追求利润或是推手
- 网站项目实施业务流程及规范
- ToString格式大全
- 《士兵的荣誉》第22集经典对白
- 有关仓库仓位的管理问题
- 调色板的原理
- SQL Server字符串处理函数大全
- MyCam 开发日志(十三)----------- CBR AND VBR编码模式