JavaScript_5th_对话框和内置对象

最新推荐文章于 2024-09-12 16:38:14 发布

weqpo

最新推荐文章于 2024-09-12 16:38:14 发布

阅读量222

点赞数

分类专栏： JavaScript 文章标签： JavaScript prompt confirm this

本文链接：https://blog.csdn.net/weqpo/article/details/63688286

版权

JavaScript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

一、JavaScript的对话框
1）警告框（alert）：出现一个提示信息

2）询问框（prompt）：返回输入的值

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>询问框</title>
		<script type="text/javascript">
			var userName = prompt("请输入你的名字：");
			document.write("您好！" + userName);
		</script>
	</head>
	<body>
	</body>
</html>

3）确认框（confirm）：根据不同的选择，返回true/false

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			function myConfirm() {
				if(confirm("确认删除此文件吗？")) {
					document.myForm().submit();
				}
			}
		</script>
	</head>
	<body>
		<form name="myForm" action="ttt.jsp" method="post">
			<input type="button" value="删除文件" οnclick="JavaScript:myConfirm()" name="aaa" />
		</form>
	</body>
</html>

总结：
①当点击该删除按钮时，触发点击事件，调用函数，弹出confirm确认框，当选择确认时该返回true，当选择取消时返回true。
②只有当选择确认时才提交表单数据。
③表单数据可以通过form对象的submit()方法提交。

二、JavaScript内置对象
1）this
指的是当前对象。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<img src="../img/btn_reg.gif" οnclick="alert(this.src)" >
		<form name="ttt" >
			<input type="text" name="n" value="v" οnclick="checkit(this)" />
		</form>
	</body>
</html>
<script>
	function checkit(obj) {
		if(obj.value == "") {
			alert("空值");
		} else {
			alert(obj.value);
		}
	}
</script>

2）for in
类似于Java中增强的for循环。
举例：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			var a = new Array("alex", "mark", "sean", "victor", "lynn");
			for(i in a) {
				document.write(i + "--" + a[i] + "<br />");
			}
		</script>
	</body>
</html>

页面显示：

0--alex
1--mark
2--sean
3--victor
4--lynn

3）with
减少重复的对象出现的次数。
举例

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			with(document) {
				write("This is default document action.");
				write("<br>");
				write("<font color=\"red\">");
				write("This is default document action too.");
				write("</font>");
			}
		</script>
	</body>
</html>

总结：花括号{}中的方法只要前面没加对象，默认都是由with()中的对象进行调用。

4）new
new出一个对象。
举例

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			var today = new Date();
			alert(today.getDate());
		</script>
	</body>
</html>