JavaScript学习笔记之function函数改变form表单的action跳转到指定页面

最新推荐文章于 2022-04-08 09:17:39 发布

绝地反击T

最新推荐文章于 2022-04-08 09:17:39 发布

阅读量9.4k

点赞数 4

分类专栏： JavaScript 文章标签： javascript html

本文链接：https://blog.csdn.net/u012110719/article/details/48466977

版权

JavaScript 专栏收录该内容

32 篇文章 0 订阅

订阅专栏

<body>
	<form name="form1" action="" method="post">
		患者名字:<input type="text" name="username" value="zhang" /><br  /><br />
		<input type="button" name="ok" value="打印患者信息" οnclick="printPerson()" />
		<input type="button" name="ok" value="查询患者信息" οnclick="selectPerson()" />
	</form>
	
	<script language="javascript">
		//通过获取JavaScript函数的方式访问printPerson.html和selectPerson.html
		function printPerson(){
			//1:获取表单
			var form1 = document.form1;
			//2.设置表单的action属性
			form1.action="printPerson.html";
			//3.提交表单
			form1.submit();
		}
		
		function selectPerson(){
			//1.获取表单
			var form1 = document.forms[0];//从0开始,即第一个表单开始
			//2.设置表单的action属性
			form1.action="selectPerson.html";
			//3.提交表单
			form1.submit();
		}
	</script>
	
</body>

printPerson.html页面：

<body>
	<p>打印患者信息</p>
</body>

selectPerson.html页面:

<body>
	<b>查询患者信息</b>
</body>

绝地反击T

关注

4
点赞
踩
12

收藏

觉得还不错? 一键收藏
打赏
1
评论
JavaScript学习笔记之function函数改变form表单的action跳转到指定页面

患者名字: //通过获取JavaScript函数的方式访问printPerson.html和selectPerson.html function printPerson(){ //1:获取表单 var form1 = document.form1; //2.设置表单的action属性 form1.action="printPerson.htm
复制链接

扫一扫