JS的两种引入方式

最新推荐文章于 2021-12-24 19:40:24 发布

一生一世的我

最新推荐文章于 2021-12-24 19:40:24 发布

阅读量445

点赞数 1

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_43679330/article/details/104654358

版权

1.直接在head中写script

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			function check(){
				var username=document.getElementById("username").value;
				if(username==""){
					alert("用户名不能为空");
					return false;
				}
				var password=document.getElementById("password").value;
				if(password==""){
					alert("密码不能为空");
					return false;
				}
				var repassword=document.getElementById("repassword").value;
				if(repassword!=password)
				{
					alert("两次密码必须输入一样");
					return false;
				}
			}
		</script>
	</head>
	<body>
		<form action="网站首页的div+css布局.html" method="get" onsubmit="return check()">
			用户名<input type="text" name="username" id="username"/><br />
			密码<input type="password" name="password" id="password"/><br />
			确认密码<input type="password" name="repassword" id="repassword"/><br />	
			<input type="submit" value="提交"/>
			<input type="reset" value="重置" />
		</form>
	</body>
</html>

上图中就是在<head></head>中写的<script></script>,然后在定义一个方法，里面是对注册的校验。
2.直接建立一个javascript文件，然后将要写的方法定义在里面，在html文件里直接应用即可

js文件

function check(){
				var username=document.getElementById("username").value;
				if(username==""){
					alert("用户名不能为空");
					return false;
				}
				var password=document.getElementById("password").value;
				if(password==""){
					alert("密码不能为空");
					return false;
				}
				var repassword=document.getElementById("repassword").value;
				if(repassword!=password)
				{
					alert("两次密码必须输入一样");
					return false;
				}
			}

2.在html文件里应用js文件

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="check.js">			
		</script>
	</head>
	<body>
		<form action="网站首页的div+css布局.html" method="get" onsubmit="return check()">
			用户名<input type="text" name="username" id="username"/><br />
			密码<input type="password" name="password" id="password"/><br />
			确认密码<input type="password" name="repassword" id="repassword"/><br />	
			<input type="submit" value="提交"/>
			<input type="reset" value="重置" />
		</form>
	</body>
</html>

一生一世的我

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS的两种引入方式

1.直接在head中写script<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script> function check(){ var username=document.getEleme...
复制链接

扫一扫