javascript基础知识整理_基础知识

1 创建脚本块
程序代码

复制代码 代码如下:

2 隐藏脚本代码
程序代码

<script language="JavaScript"> <!- document.write("Hello"); //-> </script>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

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

复制代码 代码如下:

4 链接外部脚本文件
程序代码

复制代码 代码如下:

5 注释脚本
程序代码

复制代码 代码如下:

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

6 输出到浏览器
程序代码

复制代码 代码如下:

document.write("Hello jb51 .net");

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>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

10 字符串替换
程序代码

复制代码 代码如下:

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

11 格式化字串
程序代码

<script language="JavaScript"> <!- var myVariable = "Hello there"; document.write(myVariable.big() + " "); document.write(myVariable.blink() + " "); document.write(myVariable.bold() + " "); document.write(myVariable.fixed() + " "); document.write(myVariable.fontcolor("red") + " "); document.write(myVariable.fontsize("18pt") + " "); document.write(myVariable.italics() + " "); document.write(myVariable.small() + " "); document.write(myVariable.strike() + " "); document.write(myVariable.sub() + " "); document.write(myVariable.sup() + " "); document.write(myVariable.toLowerCase() + " "); document.write(myVariable.toUpperCase() + " "); var firstString = "My String"; var finalString = firstString.bold().toLowerCase().fontcolor("red"); // -> </script>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

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>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

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>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

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>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

15 弹出警告信息
程序代码

<script language="JavaScript"> <!- window.alert("Hello"); // -> </script>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

16 弹出确认框
程序代码

<script language="JavaScript"> <!- var result = window.confirm("Click OK to continue"); // -> </script>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

17 自定义函数
程序代码

<script language="JavaScript"> <!- function multiple(number1,number2) { var result = number1 * number2; return result; } // -> </script>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

18 调用JS函数
程序代码

复制代码 代码如下:

Link text
Link text

19 在页面加载完成后执行函数
程序代码

复制代码 代码如下:

Body of the page

20 条件判断
程序代码

<script> <!- var userChoice = window.confirm("Choose OK or Cancel"); var result = (userChoice == true) ? "OK" : "Cancel"; document.write(result); // -> </script>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

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] + " "); } // -> </script>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]