您的位置：首页 > Web前端 > JavaScript

HTML、javascript简介【03】_javascript应用

2013-01-04 22:15 337 查看

javascript发展至今，已经趋向于成熟，对于javascript来说，一个程序中，肯定不能只包含输出的操作，也需要定义变量，它的应用相对于java来说可是非常简单合理。

在javascript中定义变量

<hmtl>
<head>
<title>javascript</title>
<script language="javascript">   <!--使用javascript语句-->
var num=30;                      <!--定义数字-->
var info="www.baidu.com";
alert("数字："+num+",字符串"+info);
</script>
</head>
</html>
用var定义变量，然后alert（）提示框输出

在java语言之中，所有的变量需要在定义的时候指明类型，但是javascript却没有，都统一使用一个var完成，那么其变量的具体类型将由所赋予的内容来来决定
既然所有的变量都可以使用var声明，所以写与不写也没有什么区别。所以上述代码完全可以去掉var .

与程序一样，在javascript之中也包含了各个的控制语句，顺序、分支、循环等。

<head>
<title>javascript</title>
<script language="javascript">
str="zhaoyuqiang";
if(str=="zhaoyuqiang"){    //==可以判断字符串
alert("内容符合判断");
}else{
alert("内容不符合判断");
}
</script>
</head>
</html>

在之前学习的java语法中，强调了这种==是不能判断字符串是否相等吗？
但是在javascript之中却没有此限制了。（次结合是个矛盾体）

javascript定义函数

对于javascript来说，定义函数不像java中那么麻烦，所有的函数都使用function一个关键字来定义的，如果有返回值直接编写return 即可
定义一个函数如下：

<html>
<head>
<title>zhoayuqiang</title>
<script language="javascript">
function   fun(){           <!--定义了一个函数 fun()-->
var arr=new Array(3);
for(i=0;i<arr.length;i++){
arr[i]=i;
}
var str="数组内容";
for(i=0 ;i<arr.length;i++){
str +=arr[i]+"、";
}
return str;
}
alert(fun());
</script>
</head>
<body>
</body>
</html>

在jsp页面中javascript的function更是得到了很好的体现：

<%@ page language="java" contentType="text/html" pageEncoding="utf-8"%>
<html>
<head>
<title>登录页面</title>
<script type="text/javascript">
function chkData()
{
if(frmLogin.username.value=="")
{
alert("请输入用户名。");
return false;
}
else if(frmLogin.userpassword.value=="")
{
alert("请输入密码。");
return false;
}
else
{
return true;
}
}
</script>
</head>
<body>
<center><h4>用户登录</h4></center>
<form name="frmLogin" action="doLogin.jsp" method="post">
<table align="center" border="1">
<tr>
<td>用户名：</td>
<td><input type="text" name="username"/></td>
</tr>
<tr>
<td>密  码：</td>
<td><input type="password" name="userpassword"/></td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" value="登录" onClick="return chkData();"/>
<input type="reset" value="重置"/>
</td>
</tr>
</table>
</form>
</body>
</html>

运行结果：

上述代码中javascript定义了另一个函数chkData(),这个函数是判断用的，如果用户名和密码是空的话，登录就会提示“请输入用户名或密码”；下划线代码是应用函数，这儿注意，在myeclipse 10.0中，此函数不能return 值。所以说没有事情处理的javascript不是真正的javascript

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： javascript应用

相关文章推荐

新的分享

章节导航