现在的位置: 首页 > 综合 > 正文

JavaScript基本语法

2013年04月21日 ⁄ 综合 ⁄ 共 3570字 ⁄ 字号 小 中 大 ⁄ 评论关闭
  1. 创建脚本块
  2. <script language=”JavaScript”>
  3. JavaScript code goes here
  4. </script>
  5. 隐藏脚本代码
  7. <script language=”JavaScript”>
  8. <!--
  9. document.write(“Hello”);
  10. // -->
  11. </script>
  13. 浏览器不支持的时候显示
  15. <noscript>
  16. Hello to the non-JavaScript browser.
  17. </noscript>
  19. 链接外部脚本文件
  21. <script language=”JavaScript” src="/”youname.js"”></script>
  23. 注释脚本
  25. // This is a comment
  26. document.write(“Hello”); // This is a comment
  27. /*
  28. All of this
  29. is a comment
  30. */  
  32. 输出到浏览器
  34. document.write(“<strong>输出内容</strong>”);
  36. 定义变量
  38. var myVariable = “some value”;
  40. 字符串相加
  42. var myString = “String1” + “String2”;
  44. 字符串搜索
  46. <script language=”JavaScript”>
  47. <!--
  48. var myVariable = “Hello there”;
  49. var therePlace = myVariable.search(“there”);
  50. document.write(therePlace);
  51. // -->
  52. </script>
  54. 字符串替换
  56. thisVar.replace(“Monday”,”Friday”);
  58. 格式化字串
  60. <script language=”JavaScript”>
  61. <!--
  62. var myVariable = “Hello there”;
  63. document.write(myVariable.big() + “<br>”);
  64. document.write(myVariable.blink() + “<br>”);
  65. document.write(myVariable.bold() + “<br>”);
  66. document.write(myVariable.fixed() + “<br>”);
  67. document.write(myVariable.fontcolor(“red”) + “<br>”);
  68. document.write(myVariable.fontsize(“18pt”) + “<br>”);
  69. document.write(myVariable.italics() + “<br>”);
  70. document.write(myVariable.small() + “<br>”);
  71. document.write(myVariable.strike() + “<br>”);
  72. document.write(myVariable.sub() + “<br>”);
  73. document.write(myVariable.sup() + “<br>”);
  74. document.write(myVariable.toLowerCase() + “<br>”);
  75. document.write(myVariable.toUpperCase() + “<br>”);
  76. var firstString = “My String”;
  77. var finalString = firstString.bold().toLowerCase().fontcolor(“red”);
  78. // -->
  79. </script>
  81. 创建数组
  83. <script language=”JavaScript”>
  84. <!--
  85. var myArray = new Array(5);
  86. myArray[0] = “First Entry”;
  87. myArray[1] = “Second Entry”;
  88. myArray[2] = “Third Entry”;
  89. myArray[3] = “Fourth Entry”;
  90. myArray[4] = “Fifth Entry”;
  91. var anotherArray = new Array(“First Entry”,”Second Entry”,”Third Entry”,”Fourth Entry”,”Fifth Entry”);
  92. // -->
  93. </script>
  95. 数组排序
  97. <script language=”JavaScript”>
  98. <!--
  99. var myArray = new Array(5);
  100. myArray[0] = “z”;
  101. myArray[1] = “c”;
  102. myArray[2] = “d”;
  103. myArray[3] = “a”;
  104. myArray[4] = “q”;
  105. document.write(myArray.sort());
  106. // -->
  107. </script>
  109. 分割字符串
  111. <script language=”JavaScript”>
  112. <!--
  113. var myVariable = “a,b,c,d”;
  114. var stringArray = myVariable.split(“,”);
  115. document.write(stringArray[0]);
  116. document.write(stringArray[1]);
  117. document.write(stringArray[2]);
  118. document.write(stringArray[3]);
  119. // -->
  120. </script>
  122. 弹出警告信息
  124. <script language=”JavaScript”>
  125. <!--
  126. window.alert(“Hello”);
  127. // -->
  128. </script>
  130. 弹出确认框
  132. <script language=”JavaScript”>
  133. <!--
  134. var result = window.confirm(“Click OK to continue”);
  135. // -->
  136. </script>  
  138. 定义函数
  140. <script language=”JavaScript”>
  141. <!--
  142. function multiple(number1,number2) {
  143. var result = number1 * number2;
  144. return result;
  145. }
  146. // -->
  147. </script>  
  149. 调用JS函数
  151. <a href=”#” onClick=”functionName()”>Link text</a>
  152. <a href="/”javascript:functionName"()”>Link text</a>  
  154. 在页面加载完成后执行函数
  156. <body onLoad=”functionName();”>
  157. Body of the page
  158. </body>
  160. 条件判断
  162. <script>
  163. <!--
  164. var userChoice = window.confirm(“Choose OK or Cancel”);
  165. var result = (userChoice == true) ? “OK” : “Cancel”;
  166. document.write(result);
  167. // -->
  168. </script>
  170. 指定次数循环
  172. <script>
  173. <!--
  174. var myArray = new Array(3);
  175. myArray[0] = “Item 0”;
  176. myArray[1] = “Item 1”;
  177. myArray[2] = “Item 2”;
  178. for (i = 0; i < myArray.length; i++) {
  179. document.write(myArray + “<br>”);
  180. }
  181. // -->
  182. </script>
  184. 设定将来执行
  186. <script>
  187. <!--
  188. function hello() {
  189. window.alert(“Hello”);
  190. }
  191. window.setTimeout(“hello()”,5000);
  192. // -->
  193. </script>
  195. 定时执行函数
  197. <script>
  198. <!--
  199. function hello() {
  200. window.alert(“Hello”);
  201. window.setTimeout(“hello()”,5000);
  202. }
  203. window.setTimeout(“hello()”,5000);
  204. // -->
  205. </script>
  207. 取消定时执行
  209. <script>
  210. <!--
  211. function hello() {
  212. window.alert(“Hello”);
  213. }
  214. var myTimeout = window.setTimeout(“hello()”,5000);
  215. window.clearTimeout(myTimeout);
  216. // -->
  217. </script>
  219. 在页面卸载时候执行函数
  220. <body onUnload=”functionName();”>
  221. Body of the page
  222. </body> 

返回
【上篇】
【下篇】

作者:

抱歉!评论已关闭.

返回首页

Copyright © 2013-2018 学步园  保留所有权利.
软文销售 QQ客服：2265327166 点击这里给我发消息（其他合作也可洽谈）
必威体育
必威电竞