JavaScript学习: 基础

最新推荐文章于 2025-09-13 09:06:35 发布

weixin_34064653

最新推荐文章于 2025-09-13 09:06:35 发布

阅读量112

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/niuniu1985/archive/2009/09/23/1571965.html

本文介绍了JavaScript的基础知识，包括其历史背景、基本语法、条件与循环结构、函数定义等内容，并通过实例展示了如何利用JavaScript实现动态网页效果。

HTML和CSS样式只能制作一种静态网页. 由Netscape公司开发的Javascript的出现, 弥补了HTML只能提供静态资源的缺陷, 将原来的静态网页变成了动态网页.
由Netscape公司开发的JavaScript是一种网页的脚本编程语言, 同时也是一种基于对象而又可以被看作是面向对象的一种编程语言, 它支持客户端与服务器端的应用程序以及构建的开发.
JavaScript也是一种解释性的语言.

JavaScript常用元素: 常量, 变量, 运算符, 函数, 对象, 事件
实例:

Code
<html>
<head>
<title>第一个JavaScript程序</title>
</head>
<body>
<script language="javascript">
function rec()
{
alert("Hello!欢迎学习JavaScript!")
}
</script>
<form>
<input name="button" type="button" onclick="rec()" value="运行程序">
<br>
</form>
</body>
</html>

JavaScript基本语法:
基本数据类型: 数值, 字符, 布尔, 空值. JavaScript采用的不是很严格的数据类型.
变量的声明:

var a;
var a,b;
var a=10;
var b="ADVDF";

JavaScript语言区分大小写, 大小写字母代表的意义不同.
运算符: 算术运算符, 比较运算符, 逻辑运算符.

程序结构:JavaScript脚本语言只提供了两种结构:条件结构, 循环结构
If语句:

Code
<html>
  <head>
     <title>IF语句的使用</title>
  </head>
  <body>
  <script  language="javascript">
  function  rec(form)
  {
    var a=form.recshortth.value;

{
    if(a>60)
       alert("及格");
   else
       alert("不及格");
}

}
  </script>
<form>
<input type="text" name="recshortth"><br>
<input name="button" type="button" onclick="rec(this.form)" value="显示">
</form>
  </body>
</html>

For语句:

For
<html>
<head>
<title>For语句循环</title>
</head>
<body>
<script language="javascript">
var i=1
for(i=1;i<=4;i++)
{
document.write("<h",i,">欢迎学习JavaScript!</h",i,">");
}
</script>
</body>
</html>

Switch语句:

switch
<html>
<head>
<title>Switch语句的使用</title>
</head>
<body>
<script language="javascript">
function rec(form)
{var a=form.recshortth.value;
switch(a)
{case '90':
{document.write("优秀");
break;}
case '80':
{document.write("良好");
break;}
case '70':
{document.write("中等");
break;}
case '60':
{document.write("及格");
break;}
default:
{document.write("不及格");
break;}
}
}
</script>
<form>
<input type="text" name="recshortth"><br>
<input type="button" name="button" onclick="rec(this.form)" value="显示">
</form>
</body>
</html>

While与Do...While

While
<html>
<head>
<title>While语法</title>
</head>
<body>
<script language="javascript">
var i=1;
while(i<1)
{ document.write("<h",i,">欢迎学习JavaScript!</h",i,">");
i++;}
</script>
</body>
</html>

dowhile
<html>
<head>
<title>While语法</title>
</head>
<body>
<script language="javascript">
var i=1;
do
{ document.write("<h",i,">欢迎学习JavaScript!</h",i,">");
i++;}
while(i<1)
</script>
</body>
</html>

函数:
在JavaScript脚本语言中, 是使用Function来定义函数的, 函数的结构分为:有参函数和无参函数.
1. 有参函数
Function 函数名(参数1,参数2...)
2. 无参函数
Function 函数名()

转载于:https://www.cnblogs.com/niuniu1985/archive/2009/09/23/1571965.html