Web开发代码：显示星期几、显示警告、显示确认框、提示框、调用带参数的函数、返回值的函数

最新推荐文章于 2023-11-03 14:18:11 发布

hahahafree

最新推荐文章于 2023-11-03 14:18:11 发布

阅读量1.6k

点赞数 3

分类专栏： Web JavaScript 文章标签： Web

本文链接：https://blog.csdn.net/weixin_43731793/article/details/93643311

版权

Web 同时被 2 个专栏收录

80 篇文章 0 订阅

订阅专栏

JavaScript

23 篇文章 0 订阅

订阅专栏

1、显示星期几代码

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>now test</title> 
</head>
<body>
<p>点击下面的按钮来显示今天是周几：</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction(){
	var x;
	var d=new Date().getDay();
	switch(d){
		case 0:x="今天是星期天";
		break;
		case 1:x="今天是星期一";
		break;
		case 2:x="今天是星期2";
		break;
		case 3:x="今天是星期三";
		break;
		case 4:x="今天是星期四";
		break;
		case 5:x="今天是星期五";
		break;
		case 6:x="今天是星期六";
		break;
		
	}
	document.getElementById("demo").innerHTML=x;
}
</script>

</body>
</html>

2、显示警告

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>now test</title> 
<script>
function myFunction(){
	alert("hello \n我是一个警告框！");
}
</script>
</head>
<body>

<input type="button" onclick="myFunction()" value="显示警告"/>

</body>
</html>

3、显示确认框

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>now test</title> 
</head>
<body>
<p>点击按钮，显示确认框</p>
<button onclick="myFunction()">点我点我</button>
<p id="demo"></p>
<script>
function myFunction(){
	var x;
	var r=confirm("按下按钮");
	if(r==true){
		x="你按下了\"确定\"按钮！";

	}
	else{
		x="你按下了\"取消\"按钮！";
	}
	document.getElementById("demo").innerHTML=x;

}
</script>
</body>
</html>

4、提示框

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>now test</title> 
</head>
<body>
<p>点击按钮，显示确认框</p>
<button onclick="myFunction()">点我点我</button>
<p id="demo"></p>
<script>
function myFunction(){
	var x;
	var person=prompt("请输入你的名字","黄金");
	if(person!=null&&person!=""){
		x="hello"+person+"how are you?";
		document.getElementById("demo").innerHTML=x;
	}
	
	}
	


</script>
</body>
</html>

5、调用带参数的函数

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>now test</title> 
</head>
<body>
<p>点击按钮，来调用带参数的函数。</p>
<button onclick="myFunction('黄金','designer')">点我点我</button>

<script>
function myFunction(name,job){
	alert("welcome"+name+",the"+job);
	
	}	
</script>
</body>
</html>

6、调用带参数的函数2

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>now test</title> 
<script>
	function myFunction(txt){
		alert(txt);
		
		}	
	</script>
</head>
<body>
<form>
	<input type="button" onclick="myFunction('Good morning!')" value="早上">
	<input type="button" onclick="myFunction('Good Evening!')" value="晚上">
</form>
<p>
	当你点击其中任意一个按钮，一个函数将被执行，函数结果弹出一个警告显示传递的参数。
</p>

</body>
</html>

7、返回值的函数

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>now test</title> 
<script>
	function myFunction(){
		return ("Hello word!");
		
		}	
	</script>
</head>
<body>
<script>
document.write(myFunction())
</script>

</body>
</html>

8、带有参数并返回值的函数

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>now test</title> 

</head>
<body>
		<p>本例调用的函数会执行一个计算，然后返回结果：</p>
		<p id="demo"></p>
<script>
function myFunction(a,b){
	return a*b;
}
document.getElementById("demo").innerHTML=myFunction(4,3);
</script>

</body>
</html>

hahahafree

关注

3
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
Web开发代码：显示星期几、显示警告、显示确认框、提示框、调用带参数的函数、返回值的函数

1、显示星期几代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>now test</title> </head><body><p>点击下面的按钮来显示今天是周几：</p><button ...
复制链接

扫一扫