返回列表 回复 发帖
超级用户

高级会员

Rank: 4
1#
打印
tT
发表于 2007-8-18 12:04 | 只看该作者

JavaScript就这么回事

JavaScript就这么回事1：基础知识 1 创建脚本块
<script language=”JavaScript”>
       JavaScript code goes here
</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”);
收藏 分享 评分
回复 引用

订阅 TOP

超级用户

高级会员

Rank: 4
2#
发表于 2007-8-18 12:05 | 只看该作者
11 格式化字串
  1. 1: <script language=”JavaScript”>
  2. 2: <!--
  3. 3: var myVariable = “Hello there”;
  4. 4: document.write(myVariable.big() + “<br/>”);
  5. 5: document.write(myVariable.blink() + “<br/>”);
  6. 6: document.write(myVariable.bold() + “<br/>”);
  7. 7: document.write(myVariable.fixed() + “<br/>”);
  8. 8: document.write(myVariable.fontcolor(“red”) + “<br/>”);
  9. 9: document.write(myVariable.fontsize(“18pt”) + “<br/>”);
  10. 10: document.write(myVariable.italics() + “<br/>”);
  11. 11: document.write(myVariable.small() + “<br/>”);
  12. 12: document.write(myVariable.strike() + “<br/>”);
  13. 13: document.write(myVariable.sub() + “<br/>”);
  14. 14: document.write(myVariable.sup() + “<br/>”);
  15. 15: document.write(myVariable.toLowerCase() + “<br/>”);
  16. 16: document.write(myVariable.toUpperCase() + “<br/>”);
  17. 17:
  18. 18: var firstString = “My String”;
  19. 19: var finalString = firstString.bold().toLowerCase().fontcolor(“red”);
  20. 20: // -->
  21. 21: </script>
复制代码
12 创建数组
  1. 1: <script language=”JavaScript”>
  2. 2: <!--
  3. 3: var myArray = new Array(5);
  4. 4: myArray[0] = “First Entry”;
  5. 5: myArray[1] = “Second Entry”;
  6. 6: myArray[2] = “Third Entry”;
  7. 7: myArray[3] = “Fourth Entry”;
  8. 8: myArray[4] = “Fifth Entry”;
  9. 9: var anotherArray = new Array(“First Entry”,”Second Entry”,”Third Entry”,”Fourth Entry”,”Fifth Entry”);
  10. 10: // -->
  11. 11: </script>
复制代码
13 数组排序

1: <script language=”JavaScript”>
  1. 2: <!--
  2. 3: var myArray = new Array(5);
  3. 4: myArray[0] = “z”;
  4. 5: myArray[1] = “c”;
  5. 6: myArray[2] = “d”;
  6. 7: myArray[3] = “a”;
  7. 8: myArray[4] = “q”;
  8. 9: document.write(myArray.sort());
  9. 10: // -->
  10. 11: </script>
复制代码
14 分割字符串
  1. 1: <script language=”JavaScript”>
  2. 2: <!--
  3. 3: var myVariable = “a,b,c,d”;
  4. 4: var stringArray = myVariable.split(“,”);
  5. 5: document.write(stringArray[0]);
  6. 6: document.write(stringArray[1]);
  7. 7: document.write(stringArray[2]);
  8. 8: document.write(stringArray[3]);
  9. 9: // -->
  10. 10: </script>
复制代码
15 弹出警告信息
  1. 1: <script language=”JavaScript”>
  2. 2: <!--
  3. 3: window.alert(“Hello”);
  4. 4: // -->
  5. 5: </script>
复制代码
16 弹出确认框
  1. 1: <script language=”JavaScript”>
  2. 2: <!--
  3. 3: var result = window.confirm(“Click OK to continue”);
  4. 4: // -->
  5. 5: </script>
复制代码
17 定义函数
  1. 1: <script language=”JavaScript”>
  2. 2: <!--
  3. 3: function multiple(number1,number2) ...{
  4. 4: var result = number1 * number2;
  5. 5: return result;
  6. 6: }
  7. 7: // -->
  8. 8: </script>
复制代码
18 调用JS函数

1: <a href=”#” onClick=”functionName()”>Link text</a>
2: <a href="/”javascript:functionName"()”>Link text</a>
19 在页面加载完成后执行函数
  1. 1: <body onLoad=”functionName();”>
  2. 2: Body of the page
  3. 3: </body>
复制代码
20 条件判断
  1. 1: <script>
  2. 2: <!--
  3. 3: var userChoice = window.confirm(“Choose OK or Cancel”);
  4. 4: var result = (userChoice == true) ? “OK” : “Cancel”;
  5. 5: document.write(result);
  6. 6: // -->
  7. 7: </script>
复制代码
[ 本帖最后由 超级用户 于 2007-8-18 12:07 编辑 ]
回复 引用

TOP

超级用户

高级会员

Rank: 4
3#
发表于 2007-8-18 12:06 | 只看该作者
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 + “<br/>”);
9: }
10: // -->
11: </script>
22 设定将来执行
  1. 1: <script>
  2. 2: <!--
  3. 3: function hello() ...{
  4. 4: window.alert(“Hello”);
  5. 5: }
  6. 6: window.setTimeout(“hello()”,5000);
  7. 7: // -->
  8. 8: </script>
复制代码
23 定时执行函数
  1. 1: <script>
  2. 2: <!--
  3. 3: function hello() ...{
  4. 4: window.alert(“Hello”);
  5. 5: window.setTimeout(“hello()”,5000);
  6. 6: }
  7. 7: window.setTimeout(“hello()”,5000);
  8. 8: // -->
  9. 9: </script>
复制代码
24 取消定时执行
  1. 1: <script>
  2. 2: <!--
  3. 3: function hello() ...{
  4. 4: window.alert(“Hello”);
  5. 5: }
  6. 6: var myTimeout = window.setTimeout(“hello()”,5000);
  7. 7: window.clearTimeout(myTimeout);
  8. 8: // -->
  9. 9: </script>
复制代码
25 在页面卸载时候执行函数
  1. 1: <body onUnload=”functionName();”>
  2. 2: Body of the page
  3. 3: </body>
复制代码
JavaScript就这么回事2：浏览器输出


26 访问document对象
  1. 1: <script language=”JavaScript”>
  2. 2: var myURL = document.URL;
  3. 3: window.alert(myURL);
  4. 4: </script>
复制代码
27 动态输出HTML
  1. 1: <script language=”JavaScript”>
  2. 2: document.write(“<p>Here’s some information about this document:</p>”);
  3. 3: document.write(“<ul>”);
  4. 4: document.write(“<li>Referring Document: “ + document.referrer + “</li>”);
  5. 5: document.write(“<li>Domain: “ + document.domain + “</li>”);
  6. 6: document.write(“<li>URL: “ + document.URL + “</li>”);
  7. 7: document.write(“</ul>”);
  8. 8: </script>
复制代码
28 输出换行

1: document.writeln(“<strong>a</strong>”);
2: document.writeln(“b”);
29 输出日期
  1. 1: <script language=”JavaScript”>
  2. 2: var thisDate = new Date();
  3. 3: document.write(thisDate.toString());
  4. 4: </script>
复制代码
30 指定日期的时区
  1. 1: <script language=”JavaScript”>
  2. 2: var myOffset = -2;
  3. 3: var currentDate = new Date();
  4. 4: var userOffset = currentDate.getTimezoneOffset()/60;
  5. 5: var timeZoneDifference = userOffset - myOffset;
  6. 6: currentDate.setHours(currentDate.getHours() + timeZoneDifference);
  7. 7: document.write(“The time and date in Central Europe is: “ + currentDate.toLocaleString());
  8. 8: </script>
复制代码
31 设置日期输出格式
  1. 1: <script language=”JavaScript”>
  2. 2: var thisDate = new Date();
  3. 3: var thisTimeString = thisDate.getHours() + “:” + thisDate.getMinutes();
  4. 4: var thisDateString = thisDate.getFullYear() + “/” + thisDate.getMonth() + “/” + thisDate.getDate();
  5. 5: document.write(thisTimeString + “ on “ + thisDateString);
  6. 6: </script>
复制代码
32 读取URL参数
  1. 1: <script language=”JavaScript”>
  2. 2: var urlParts = document.URL.split(“?”);
  3. 3: var parameterParts = urlParts[1].split(“&”);
  4. 4: for (i = 0; i < parameterParts.length; i++) ...{
  5. 5: var pairParts = parameterParts[i].split(“=”);
  6. 6: var pairName = pairParts[0];
  7. 7: var pairValue = pairParts[1];
  8. 8: document.write(pairName + “ ：“ +pairValue );
  9. 9: }
  10. 10: </script>
复制代码
你还以为HTML是无状态的么？

33 打开一个新的document对象
  1. 1: <script language=”JavaScript”>
  2. 2: function newDocument() ...{
  3. 3: document.open();
  4. 4: document.write(“<p>This is a New Document.</p>”);
  5. 5: document.close();
  6. 6: }
  7. 7: </script>
复制代码
34 页面跳转
  1. 1: <script language=”JavaScript”>
  2. 2: window.location = “[url]http://www.liu21st.com/[/url]”;
  3. 3: </script>
复制代码
35 添加网页加载进度窗口
  1. 1: <html>
  2. 2: <head>
  3. 3: <script language='javaScript'>...
  4. 4: var placeHolder = window.open('holder.html','placeholder','width=200,height=200');
  5. 5: </script>
  6. 6: <title>The Main Page</title>
  7. 7: </head>
  8. 8: <body onLoad='placeHolder.close()'>
  9. 9: <p>This is the main page</p>
  10. 10: </body>
  11. 11: </html>
复制代码
[ 本帖最后由 超级用户 于 2007-8-18 12:09 编辑 ]
回复 引用

TOP

返回列表