当前位置：Gxlcms > JavaScript > javascript基础知识整理
javascript基础知识整理

时间：2021-07-01 10:21:17 帮助过：2人阅读
1 创建脚本块
程序代码
代码如下:

<script language="JavaScript"> 
JavaScript 代码写在这里面 
</script> 
 
2 隐藏脚本代码 
程序代码 
 
<script language="JavaScript"> 
<!- 
document.write("Hello"); 
//-> 
</script> 

  [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 
在不支持JavaScript的浏览器中将不执行相关代码 
3 浏览器不支持的时候显示 
程序代码 
 代码如下:
<noscript> 
Hello to the non-JavaScript browser. 
</noscript> 
 
4 链接外部脚本文件 
程序代码 
 代码如下:
<script language="JavaScript" src="/"filename.js""></script> 
 
5 注释脚本 
程序代码 
 代码如下:
// This is a comment 
document.write("Hello"); // This is a comment 
/* 
All of this 
is a comment 
*/ 
 
6 
输出到浏览器 
程序代码 
 代码如下:
document.write("<strong>Hello jb51 .net</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> 

  [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函数 
程序代码 
 代码如下:
<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> 

  [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] + "
"); 
} 
// -> 

  [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
javascript基础知识整理

人气教程排行
