文章详情

Php文档 Php问答 行业资讯 Php论坛 Php手册 Php博客
  • 游戏榜单
  • 软件榜单
关闭导航
热搜榜
热门下载
热门标签
关闭搜索
php爱好者> php文档>javascript方法和技巧大全一[转]

javascript方法和技巧大全一[转]

时间：2008-03-01  来源：wzabing

1 创建脚本块

<script language="JavaScript">

 JavaScript code goes here

</script>


2 隐藏脚本代码

<script language="JavaScript">

<!--
 document.write("Hello");

 // -->

</script>


3 在不支持JavaScript的浏览器中将不执行相关代码
  浏览器不支持的时候显示

<noscript>
Hello to the non-JavaScript browser.
</noscript>



4 链接外部脚本文件


5 注释脚本

// This is a comment
document.write("Hello"); // This is a comment
/*
All of this
is a comment
*/



6 输出到浏览器

document.write("<strong>Hello</strong>");



7 定义变量

var myVariable = "some value";


 

8 字符串相加

var myString = "String1" + "String2";


 

9 字符串搜索

<script language="JavaScript">

 <!--

 var myVariable = "Hello there";

 var therePlace = myVariable.search("there");

 document.write(therePlace);

 // -->


</script>



10 字符串替换

thisVar.replace("Monday","Friday");



11 格式化字串

<script language="JavaScript">
 <!--
 var myVariable = "Hello there";
 document.write(myVariable.big() + "<br>");
 document.write(myVariable.blink() + "<br>");
 document.write(myVariable.bold() + "<br>");
 document.write(myVariable.fixed() + "<br>");
 document.write(myVariable.fontcolor("red") + "<br>");
 document.write(myVariable.fontsize("18pt") + "<br>");
 document.write(myVariable.italics() + "<br>");
 document.write(myVariable.small() + "<br>");
 document.write(myVariable.strike() + "<br>");
 document.write(myVariable.sub() + "<br>");
 document.write(myVariable.sup() + "<br>");
 document.write(myVariable.toLowerCase() + "<br>");
 document.write(myVariable.toUpperCase() + "<br>");
 var firstString = "My String";
 var finalString = firstString.bold().toLowerCase().fontcolor("red");
 // -->

</script>


12 创建数组

<script language="JavaScript">

 <!--

 var myArray = new Array(5);

 myArray[0] = "First Entry";

 myArray[1] = "Second Entry";

 myArray[2] = "Third Entry";

 myArray[3] = "Fourth Entry";

 myArray[4] = "Fifth Entry";

 var anotherArray = new Array("First Entry","Second Entry","Third Entry","Fourth Entry","Fifth Entry");

 // -->


</script>


13 数组排序

<script language="JavaScript">
 <!--
 var myArray = new Array(5);
 myArray[0] = "z";
 myArray[1] = "c";
 myArray[2] = "d";
 myArray[3] = "a";
 myArray[4] = "q";
 document.write(myArray.sort());
 // -->

</script>


14 分割字符串

<script language="JavaScript">

 <!--

 var myVariable = "a,b,c,d";

 var stringArray = myVariable.split(",");

 document.write(stringArray[0]);

 document.write(stringArray[1]);

 document.write(stringArray[2]);

 document.write(stringArray[3]);

 // -->


</script>


15 弹出警告信息

<script language="JavaScript">
 <!--
 window.alert("Hello");
 // -->

</script>


16 弹出确认框

<script language="JavaScript">

 <!--

 var result = window.confirm("Click OK to continue");

 // -->


</script>

17 定义函数

<script language="JavaScript">

<!--

function multiple(number1,number2) {

var result = number1 * number2;

return result;

}

// -->


</script>


18 调用JS函数

<a href="#" onClick="functionName()">Link text</a>

<a href="/"javascript:functionName"()">Link text</a>


19 在页面加载完成后执行函数

<body onLoad="functionName();">

Body of the page

</body>


20 条件判断

<script>

 <!--

 var userChoice = window.confirm("Choose OK or Cancel");

 var result = (userChoice == true) ? "OK" : "Cancel";

 document.write(result);

 // -->


 </script>


21 指定次数循环

<script>

<!--

 var myArray = new Array(3);

 myArray[0] = "Item 0";

 myArray[1] = "Item 1";

 myArray[2] = "Item 2";

 for (i = 0; i < myArray.length; i++) {

 document.write(myArray[i] + "<br>");

 }

 // -->


</script>


22 设定将来执行

<script>

 <!--

 function hello() {

 window.alert("Hello");

 }

 window.setTimeout("hello()",5000);

 // -->


</script>


23 定时执行函数

<script>

<!--

function hello() {

window.alert("Hello");

window.setTimeout("hello()",5000);

}

window.setTimeout("hello()",5000);

// -->


</script>


24 取消定时执行

<script>

 <!--

 function hello() {

 window.alert("Hello");

 }

 var myTimeout = window.setTimeout("hello()",5000);

 window.clearTimeout(myTimeout);

 // -->


 </script>


25 在页面卸载时候执行函数

<body onUnload="functionName();">

Body of the page

 </body>



JavaScript就这么回事
2：浏览器输出
26 访问document对象

<script language="JavaScript">

var myURL = document.URL;

window.alert(myURL);

</script>


27 动态输出HTML

<script language="JavaScript">

 document.write("<p>Here’s some information about this document:</p>");

 document.write("<ul>");

 document.write("<li>Referring Document: " + document.referrer + "</li>");

 document.write("<li>Domain: " + document.domain + "</li>");

 document.write("<li>URL: " + document.URL + "</li>");

 document.write("</ul>");

 </script>


28 输出换行

document.writeln("<strong>a</strong>");

 document.writeln("b");

29 输出日期

<script language="JavaScript">

 var thisDate = new Date();

 document.write(thisDate.toString());

 </script>

30 指定日期的时区

<script language="JavaScript">

 var myOffset = -2;

 var currentDate = new Date();

 var userOffset = currentDate.getTimezoneOffset()/60;

 var timeZoneDifference = userOffset - myOffset;
 currentDate.setHours(currentDate.getHours() + timeZoneDifference);

 document.write("The time and date in Central Europe is: " + currentDate.toLocaleString());

</script>


31 设置日期输出格式

<script language="JavaScript">

 var thisDate = new Date();

 var thisTimeString = thisDate.getHours() + ":" + thisDate.getMinutes();

 var thisDateString = thisDate.getFullYear() + "/" + thisDate.getMonth() + "/" + thisDate.getDate();

 document.write(thisTimeString + " on " + thisDateString);

 </script>

32 读取URL参数

<script language="JavaScript">

 var urlParts = document.URL.split("?");

 var parameterParts = urlParts[1].split("&");

 for (i = 0; i < parameterParts.length; i++) {

 var pairParts = parameterParts[i].split("=");

 var pairName = pairParts[0];

 var pairValue = pairParts[1];

 document.write(pairName + " ：" +pairValue );

 }

 </script>


33 打开一个新的document对象


 <script language="JavaScript">

 function newDocument() {

 document.open();

 document.write("<p>This is a New Document.</p>");

 document.close();

 }

 </script>


34 页面跳转

<script language="JavaScript">

 window.location = "http://www.liu21st.com/";


 </script>


35 添加网页加载进度窗口

<html>

 <head>

 <script language='javaScript'>

 var placeHolder = window.open('holder.html','placeholder','width=200,height=200');

 </script>

 <title>The Main Page</title>

 </head>

 <body onLoad='placeHolder.close()'>

 <p>This is the main page</p>

 </body>

</html>

相关阅读 更多 +
排行榜 更多 +
公路大逃杀无限金币钻石版

公路大逃杀无限金币钻石版

休闲益智 下载
传说之下逆境对决中文版

传说之下逆境对决中文版

休闲益智 下载
恐龙突突突无限金币钻石版

恐龙突突突无限金币钻石版

休闲益智 下载

Copyright 2006-2020 (phpxiu.com) All Rights Reserved.

本站为非盈利性网站，不接受任何广告。php爱好者