【javascript】基础学习

最新推荐文章于 2024-07-19 12:58:53 发布

lhh6171

最新推荐文章于 2024-07-19 12:58:53 发布

阅读量85

点赞数

分类专栏：前端文章标签： javascript

本文链接：https://blog.csdn.net/weixin_42749000/article/details/103509692

版权

前端专栏收录该内容

5 篇文章 0 订阅

订阅专栏

确认（confirm 消息对话框）

<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html";charset="utf-8" />
	<title>每日一问</title>
	<script type="text/javascript">
		function rec()//定义函数
		{
			var message=confirm("点炸鸡外卖吗?");//声明变量并赋值
			if (message==true)//message==true是判断条件
			{
				document.write("不，你不想");
			}
			else{
				document.write("吃草吧");
			}
		}
	</script>
</head>
<body>
	<input type="button" name="button" onclick="rec()" value="点击我，弹出直击灵魂的一问" /><!--οnclick="rec()"调用函数-->
</body>
</html>

语法：
confirm(str);
参数说明：
str：在消息对话框中要显示的文本
返回值：Boolean值
返回值：
当用户点击“确定”按钮时，返回true；
当用户点击“取消”按钮时，返回false
注：消息对话框是排它的，即用户在点击对话框按钮前，不能进行任何其他操作。

提问（prompt 消息对话框）

prompt弹出消息对话框,通常用于询问一些需要与用户交互的信息。弹出消息对话框（包含一个确定按钮、取消按钮与一个文本输入框）。

<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html";charset="utf-8" />
	<title>prompt</title>
	<script type="text/javascript">
		function rec(){
			var score=prompt("请输入你的成绩：");
			if (score>=90){
				document.write("很棒!");
			}
			else if (score>=75) {
				document.write("不错！");
			}
			else if (score>=60){
				document.write("加油！");
			}
			else{
				document.write("要努力了啊！")
			}
		}
	</script>
</head>
<body>
	<input type="button" name="button" onclick="rec()" value="点击我，对成绩做评价" />
</body>
</html>

语法:
prompt(str1, str2);
参数说明：
str1: 要显示在消息对话框中的文本，不可修改
str2：文本框中的内容，可以修改
返回值:

点击确定按钮，文本框中的内容将作为函数返回值
点击取消按钮，将返回null

打开新窗口（window.open）

<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html";charset="utf-8" />
	<title>widow.open</title>
	<script type="text/javascript">
		function wopen()
		{
window.open('http://www.imooc.com','_blank','width=600,height=400,top=100,left=0')
		}
	</script>
</head>
<body>
	<input type="button" name="button" onclick="wopen()" value="点击我，打开新窗口" />
</body>
</html>

语法：
window.open(URL,窗口名称,参数字符串）
参数说明：
URL:可选参数，在窗口中要显示网页的网址或路径。如果省略这个参数，或者它的值是空字符串，那么窗口就不显示任何文档。
窗口名称：可选参数、被打开窗口的名称。
1.该名称由字母、数字和下划线字符组成。
2._top：框架网页中在上部窗口中显示目标网页；
_blank：在新窗口显示目标网页；
_self：在当前窗口显示目标网页；
3.相同name的窗口只能创建一个。
4.name不能包含空格。
参数字符串：可选参数，设置窗口参数，各参数用逗号隔开。

链接: (https://www.imooc.com)

lhh6171

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【javascript】基础学习

<!DOCTYPE HTML><html><head> <meta http-equiv="Content-Type" content="text/html";charset="utf-8" /> <title>每日一问</title> <script type="text/javascript"> ...
复制链接

扫一扫