1.显示可提示用户进行输入的对话框,简称:输入弹窗。
语法: prompt(提示对话框中显示的纯文本,默认的输入文本);两个参数均为可选。
prompt();
prompt(‘请输入姓名:’);
prompt(‘请输入姓名:’,‘张三’);

prompt()提示对话框简称:输入弹窗。以弹窗的方式呈现给用户

prompt()有2个参数,给不给都可以。
参数1:提示对话框的 “提示语”
参数2:对话框中的初始默认内容

prompt();

在这里插入图片描述
prompt(‘请输入姓名:’);

在这里插入图片描述
prompt(‘请输入姓名:’,‘张三’);

在这里插入图片描述

2.弹出带有一条指定消息和一个确定按钮的警告框(alert警告的意思),简称:输出弹窗
语法: alert(对话框中显示的纯文本);
alert(‘我要自学网’);
在这里插入图片描述

3.输出到页面,会以HTML的语法解析里面的内容
语法:document.write(参数1,参数2,参数3,…) ,它们将按顺序被追加到文档中。

如document.write(“< span style=‘color: red;’>我要自学网2
< /span>”);

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
//			1.显示可提示用户进行输入的对话框,简称:输入弹窗。
//			语法: prompt(提示对话框中显示的纯文本,默认的输入文本);两个参数均为可选。
//			prompt();
//			prompt('请输入姓名:');
			//prompt('请输入姓名:','张三');
			
//			2.弹出带有一条指定消息和一个确定按钮的警告框,简称:输出弹窗
//			语法: alert(对话框中显示的纯文本);
	//	    alert('我要自学网');

//			3.输出到页面,会以HTML的语法解析里面的内容
//			语法:document.write(参数1,参数2,参数3,...) ,它们将按顺序被追加到文档中。
//			document.write("我要自学网1");
	//  	document.write("<span style='color: red;'>我要自学网2</span>");
			document.write("<span style='color: red;'>我要自学网2</span>","<br>","<span style='color: blue;'>我要自学网3</span>");
		</script>
		
	</head>
	<body>
		
		
	</body>
</html>

在这里插入图片描述

Logo

Agent 垂直技术社区,欢迎活跃、内容共建。

更多推荐