JavaScript实用案例

tianhei

浏览: 210417 次
性别:
来自: 上海

最近访客更多访客>>

z2030887

wyzuomumu

844700118

fanfree

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JavaScript

JavaScript 浏览器 HTML

使用案例

表单验证：

<html>
	<head>
		<script type="text/javascript">
			function check(username){
				if(username.length<=3){
					document.getElementById("usernameError").innerHTML=
					"<font color='red'>用户名长度需大于3</font>";
				} else{
					document.getElementById("usernameError").innerHTML="";
				}
			}
		</script>
	</head>
	<body>
		用户名：<input type="text" name="uName" onblur="check(this.value);"/>
		<span id="usernameError"></span>
	</body>
</html>

onblur代表元素失去焦点的时候触发的事件。

this关键字代表此标签，此时指input标签。this.value指input标签的value值。

document.getElementById(""); 按id获得元素。

innerHTML：设置两个标签之间的内容，这个内容是动态指定的。可以是<div>标签或<span>标签。

-------------------------------------------------------------------------------------------------------------

输出浏览器信息：

<html>
	<body>
		<script type="text/javascript">
			window.document.write("浏览器："+window.navigator.appName)
			document.write("<br>");
			document.write("浏览器版本："+parseFloat(navigator.appVersion))
		</script>
	</body>
</html>

window对象是浏览器窗口对象，是JavaScript中的根对象。window可以省略不写。

document是window对象的属性，而本身也是一个对象。是文档对象。

navigator是window对象的属性，而本身也是一个对象。浏览器对象。

-------------------------------------------------------------------------------------------------------------

分享到：

JSTL EL表达式 | java的基本数据类型

2011-04-21 22:18
浏览 2108
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论