惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
V
V2EX
WordPress大学
WordPress大学
U
Unit 42
I
InfoQ
A
About on SuperTechFans
宝玉的分享
宝玉的分享
J
Java Code Geeks
博客园 - 司徒正美
爱范儿
爱范儿
Engineering at Meta
Engineering at Meta
G
Google Developers Blog
人人都是产品经理
人人都是产品经理
小众软件
小众软件
Microsoft Security Blog
Microsoft Security Blog
L
LangChain Blog
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
Hugging Face - Blog
Hugging Face - Blog
H
Hackread – Cybersecurity News, Data Breaches, AI and More
aimingoo的专栏
aimingoo的专栏
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
Last Week in AI
Last Week in AI
腾讯CDC
Recent Announcements
Recent Announcements

博客园 - 桂圆

经典语句(人生经典语句 爱情经典语句) 我对GOOGLE MAP API 的一些简单调用 - 桂圆 关于FileUpload上传大文件的问题解决办法 搁浅了我也 无法启动IIS服务解决办法 我对FreeTextBox简单使用 C#格式化数据结果表 - 桂圆 - 博客园 使用JavaScript 为GridView 行添加淡入淡出效果 C#文件操作 - 桂圆 - 博客园 获取GridView中指定的控件 - 桂圆 - 博客园 ScriptManager调用 无参数WebService 通用不间断滚动JS封装类 prototype 轻量级WEB开发的首选ajax框架 使用UrlRewritingNet.Dll实现URL 重写 【软件设计精要与模式】到手 JS应用(资料很全) SQLServer Transact SQL全集(转) WinForm控件开发【转载】 使用ICSharpCode.TextEditor.dll 做的一个代码高亮记事本
JavaScript基础知识
桂圆 · 2007-05-18 · via 博客园 - 桂圆

1 创建脚本块

1<script language=”JavaScript”>
2      JavaScript code goes here
3</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
2// This is a comment
3document.write(“Hello”); // This is a comment
4/*
5      All of this  is a comment
7*/
 

6 输出到浏览器 

1document.write(“<strong>Hello</strong>”);

7 定义变量

1var myVariable = “some value”; 

8 字符串相加 

1var 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 字符串替换 

thisVar.replace(“Monday”,”Friday”); 

11 格式化字串

 1 <script language=”JavaScript”>
 2 <!--
 3 var myVariable = “Hello there”;
 4 document.write(myVariable.big() + “<br>”);
 5 document.write(myVariable.blink() + “<br>”);
 6 document.write(myVariable.bold() + “<br>”);
 7 document.write(myVariable.fixed() + “<br>”);
 8 document.write(myVariable.fontcolor(“red”) + “<br>”);
 9 document.write(myVariable.fontsize(“18pt”) + “<br>”);
10 document.write(myVariable.italics() + “<br>”);
11 document.write(myVariable.small() + “<br>”);
12 document.write(myVariable.strike() + “<br>”);
13 document.write(myVariable.sub() + “<br>”);
14 document.write(myVariable.sup() + “<br>”);
15 document.write(myVariable.toLowerCase() + “<br>”);
16 document.write(myVariable.toUpperCase() + “<br>”);
17 
18 var firstString = “My String”;
19 var finalString = firstString.bold().toLowerCase().fontcolor(“red”);
20 // -->
21 </script> 

12 创建数组

 1<script language=”JavaScript”>
 2<!--
 3 var myArray = new Array(5);
 4myArray[0= “First Entry”;
 5 myArray[1= “Second Entry”;
 6 myArray[2= “Third Entry”;
 7 myArray[3= “Fourth Entry”;
 8 myArray[4= “Fifth Entry”;
 9 var anotherArray = new Array(“First Entry”,”Second Entry”,”Third Entry”,”Fourth Entry”,”Fifth Entry”);
10// -->
11</script> 

13 数组排序

 1<script language=”JavaScript”>
 2<!--
 3 var myArray = new Array(5);
 4 myArray[0= “z”;
 5 myArray[1= “c”;
 6 myArray[2= “d”;
 7 myArray[3= “a”;
 8 myArray[4= “q”;
 9 document.write(myArray.sort());
10// -->
11</script> 

14 分割字符串

 1<script language=”JavaScript”>
 2<!--
 3 var myVariable = “a,b,c,d”;
 4 var stringArray = myVariable.split(“,”);
 5 document.write(stringArray[0]);
 6 document.write(stringArray[1]);
 7 document.write(stringArray[2]);
 8 document.write(stringArray[3]);
 9// -->
10</script> 

15 弹出警告信息

1<script language=”JavaScript”>
2<!--
3     window.alert(“Hello”);
4// -->
5</script> 

16 弹出确认框

1<script language=”JavaScript”>
2<!--
3 var result = window.confirm(“Click OK to continue”);
4// -->
5</script> 

17 定义函数

1<script language=”JavaScript”>
2 <!--
3 function multiple(number1,number2) 
4 var result = number1 * number2;
5 return result;
6 }

7// -->
8</script> 

18 调用JS函数

1<a href=”#” onClick=”functionName()”>Link text</a>
2<a href="/”javascript:functionName"()”>Link text</a> 

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

1<body onLoad=”functionName();”>
2      Body of the page
3</body> 

20 条件判断

1<script>
2<!--
3 var userChoice = window.confirm(“Choose OK or Cancel”);
4 var result = (userChoice == true? “OK” : “Cancel”;
5 document.write(result);
6// -->
7</script>

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> 
12

22 设定将来执行

1<script>
2<!--
3 function hello() 
4 window.alert(“Hello”);
5 }

6 window.setTimeout(“hello()”,5000);
7// -->
8</script> 
9

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 page
3</body> 
4