javascript小结之基础篇-JavaSript-爱易网页

javascript小结之基础篇

日期：2014-05-16　浏览次数：20364 次

javascript总结之基础篇

1. 结构：

<script type="text/javascript">
...............
</script>

或者下面的结构(在W3C的HTML标准中，已不再推荐使用)

<script language="javascript">
...............
</script>

2.在html也面中使用JavaScript的3种方法

HTML网页的<body></body>里

示例：

<html>
	<head>
		<title>
			用document.write输出带格式的HTML文本的Javascript示例
		</title>
	</head>
	<body>
		<script type="text/javascript">
			document.write("<h1>Hello World!</h1>")
		</script>
	</body>
</html>

HTML网页的<head></head>里（同上）

外部.js文件里

<html>
	<head>
		<script src="common.js"></script>
	</head>
	<body>
	</body>
</html>

在同目录下的common.js代码如下：

function clickme()
{
	alert("You clicked me!")
}

3.条件语句

单项条件结构

if (expression)
{
statement1
}

if...else...结构

if (expression)
{
statement1
}
else
{
statement2
}

多项条件结构 (switch条件语句)

switch (expression)
{
case label1:
statement1
break
case label2:
statement2
break
...
default:
statementdefault
}

4.循环语句

Javascript 循环语句有以下几种：

在循环的开头测试表达式 (while 循环语句)
在循环的末尾测试表达式 (do...while 循环语句)
对对象的每个属性都进行操作 (for...in 循环语句)
由计数器控制的循环 (for 循环语句)

for循环语句示例

<script type="text/javascript">
for (i = 0; i <= 5; i++)
{
document.write(i)
document.write("<br>")
}

?for...in 循环语句示例

<html>
<head>
<title>一个使用到for...in循环的Javascript示例</title>
</head>
<body>
<script type="text/javascript">
// 创建一个对象 myObject 以及三个属性 sitename, siteurl, sitecontent。
var myObject = new Object();
myObject.sitename = "新浪网";
myObject.siteurl = "www.sina.com.cn";
myObject.sitecontent = "中文新闻资讯网";
//遍历对象的所有属性
for (prop in myObject)
{
document.write("属性 '" + prop + "' 为 " + myObject[prop]);
document.write("<br>");
}
</script>
</body>
</html>

? 在循环的末尾测试表达式 (do...while 循环语句)

<script type="text/javascript">
i = 0
do
{
document.write( i + "<br>")
i++
}
while (i <= 5)

?在循环的开头测试表达式 (while 循环语句)

<script type="text/javascript">
i = 0
while (i <= 5)
{
document.write(i + "<br>")
i++
}
</script>

5.使用 break 和 continue 语句

在 Javascript 中，当某些条件得到满足时，用 break 语句来中断一个循环的运行。（请注意，也用 break 语句退出一个 switch 块。参见前文switch）。如果是一个 for 或者 for...in 循环，在更新计数器变量时使用 continue 语句越过余下的代码块而直接跳到循环的下一次重复中。

break语句示例：

<html>
<head><title>一个用break中断循环的Javascript示例代码</title>
<script type="text/javascript">
function BreakTest(breakpoint){
var i = 0; 
var m = 0;
while (i < 100)
{
//当 i 等于breakpoint时，中断循环
if (i == breakpoint) 
break;
m=m + i;
i++;
}
return(m);
}
</script>
</head>
<body>
<script type="text/javascript">
//设函数BreakTest参数breakpoint值为23，得到从1加到22的合计。
document.write(BreakTest(23))
</script>
</body>
</html>

continue示例：

<html>
<head>
<title>一个用continue跳过后面代码，开始循环的下一次重复的Javascript代码</title&

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

javascript小结之基础篇

相关资料更多>

推荐阅读更多>