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

JavaScript_5th_对话框和内置对象

2017-04-03 19:51 218 查看

一、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="删除文件" onclick="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" onclick="alert(this.src)" >
<form name="ttt" >
<input type="text" name="n" value="v" onclick="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>

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

标签： JavaScript prompt confirm this

相关文章推荐

新的分享

章节导航