本文介绍了一系列JavaScript编程技巧，包括循环操作、定时任务管理、页面跳转、动态HTML输出、日期格式化及URL参数读取等，适合前端开发者学习。
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>
1: <script>
2: <!--
3: function hello() ...{
4: window.alert(“Hello”);
5: }
6: window.setTimeout(“hello()”,5000);
7: // -->
8: </script>
1: <script>
2: <!--
3: function hello() ...{
4: window.alert(“Hello”);
5: window.setTimeout(“hello()”,5000);
6: }
7: window.setTimeout(“hello()”,5000);
8: // -->
9: </script>
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>
1: <body onUnload=”functionName();”>
2: Body of the page
3: </body>
1: <script language=”JavaScript”>
2: var myURL = document.URL;
3: window.alert(myURL);
4: </script>
1: <script language=”JavaScript”>
2: document.write(“<p>Here’s some information about this document:</p>”);
3: document.write(“<ul>”);
4: document.write(“<li>Referring Document: “ + document.referrer + “</li>”);
5: document.write(“<li>Domain: “ + document.domain + “</li>”);
6: document.write(“<li>URL: “ + document.URL + “</li>”);
7: document.write(“</ul>”);
8: </script>
1: document.writeln(“<strong>a</strong>”);
2: document.writeln(“b”);
1: <script language=”JavaScript”>
2: var thisDate = new Date();
3: document.write(thisDate.toString());
4: </script>
1: <script language=”JavaScript”>
2: var myOffset = -2;
3: var currentDate = new Date();
4: var userOffset = currentDate.getTimezoneOffset()/60;
5: var timeZoneDifference = userOffset - myOffset;
6: currentDate.setHours(currentDate.getHours() + timeZoneDifference);
7: document.write(“The time and date in Central Europe is: “ + currentDate.toLocaleString());
8: </script>
1: <script language=”JavaScript”>
2: var thisDate = new Date();
3: var thisTimeString = thisDate.getHours() + “:” + thisDate.getMinutes();
4: var thisDateString = thisDate.getFullYear() + “/” + thisDate.getMonth() + “/” + thisDate.getDate();
5: document.write(thisTimeString + “ on “ + thisDateString);
6: </script>
1: <script language=”JavaScript”>
2: var urlParts = document.URL.split(“?”);
3: var parameterParts = urlParts[1].split(“&”);
4: for (i = 0; i < parameterParts.length; i++) ...{
5: var pairParts = parameterParts[i].split(“=”);
6: var pairName = pairParts[0];
7: var pairValue = pairParts[1];
8: document.write(pairName + “ ：“ +pairValue );
9: }
10: </script>
1: <script language=”JavaScript”>
2: function newDocument() ...{
3: document.open();
4: document.write(“<p>This is a New Document.</p>”);
5: document.close();
6: }
7: </script>
1: <script language=”JavaScript”>
2: window.location = “http://www.liu21st.com/”;
3: </script>
1: <html>
2: <head>
3: <script language='javaScript'>...
4: var placeHolder = window.open('holder.html','placeholder','width=200,height=200');
5: </script>
6: <title>The Main Page</title>
7: </head>
8: <body onLoad='placeHolder.close()'>
9: <p>This is the main page</p>
10: </body>
11: </html>
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> 22 设定将来执行
1: <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> 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> 25 在页面卸载时候执行函数
1: <body onUnload=”functionName();”>2: Body of the page3: </body> JavaScript就这么回事2：浏览器输出
26 访问document对象
1: <script language=”JavaScript”>2: var myURL = document.URL;3: window.alert(myURL);4: </script> 27 动态输出HTML
1: <script language=”JavaScript”>2: document.write(“<p>Here’s some information about this document:</p>”);3: document.write(“<ul>”);4: document.write(“<li>Referring Document: “ + document.referrer + “</li>”);5: document.write(“<li>Domain: “ + document.domain + “</li>”);6: document.write(“<li>URL: “ + document.URL + “</li>”);7: document.write(“</ul>”);8: </script> 28 输出换行
1: document.writeln(“<strong>a</strong>”);2: document.writeln(“b”); 29 输出日期
1: <script language=”JavaScript”>2: var thisDate = new Date();3: document.write(thisDate.toString());4: </script> 30 指定日期的时区
1: <script language=”JavaScript”>2: var myOffset = -2;3: var currentDate = new Date();4: var userOffset = currentDate.getTimezoneOffset()/60;5: var timeZoneDifference = userOffset - myOffset;6: currentDate.setHours(currentDate.getHours() + timeZoneDifference);7: document.write(“The time and date in Central Europe is: “ + currentDate.toLocaleString());8: </script>
31 设置日期输出格式
1: <script language=”JavaScript”>2: var thisDate = new Date();3: var thisTimeString = thisDate.getHours() + “:” + thisDate.getMinutes();4: var thisDateString = thisDate.getFullYear() + “/” + thisDate.getMonth() + “/” + thisDate.getDate();5: document.write(thisTimeString + “ on “ + thisDateString);6: </script>
32 读取URL参数
1: <script language=”JavaScript”>2: var urlParts = document.URL.split(“?”);3: var parameterParts = urlParts[1].split(“&”);4: for (i = 0; i < parameterParts.length; i++) ...{ 5: var pairParts = parameterParts[i].split(“=”);6: var pairName = pairParts[0];7: var pairValue = pairParts[1];8: document.write(pairName + “ ：“ +pairValue );9: }10: </script> 你还以为HTML是无状态的么？
33 打开一个新的document对象
1: <script language=”JavaScript”>2: function newDocument() ...{ 3: document.open();4: document.write(“<p>This is a New Document.</p>”);5: document.close();6: }7: </script> 34 页面跳转
1: <script language=”JavaScript”>2: window.location = “http://www.liu21st.com/”;3: </script> 35 添加网页加载进度窗口
1: <html>2: <head>3: <script language='javaScript'>...4: var placeHolder = window.open('holder.html','placeholder','width=200,height=200');5: </script>6: <title>The Main Page</title>7: </head>8: <body onLoad='placeHolder.close()'>9: <p>This is the main page</p>10: </body>11: </html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
