STU网页设计

静态HTML网页作业中表单如何使用JavaScript通过提示框跳转页面

更新时间:2020-05-08   文章分类:网页技术课堂

学生网页作业中,使用dreamweaver网页制作HTML静态网页设计中加入表单,比如留言、搜索、注册、登录等。大家都知道静态页面没有链接数据库是不能实现真实的留言、搜索及注册登录的,那么这个时候为了页面效果更真实,我们可以使用JavaScript来制作点击按钮出现弹窗提示及跳转页面等效果。这里STU网页设计给大家介绍JavaScript使用弹出窗口及实现页面跳转的几种方式:

学生静态网页设计

1、弹出提示框示例:
<script>
	function tc(){
        alert("提交成功");
	}
</script>
<input name=""  type="submit"  onclick="tc()" value="提交"/>


2、弹出提示框跳转到其他页面:
<script language="javascript"> 
function login(){ 
alert("登录成功,点击确定前往首页..."); 
window.location.href="index.html" 
} 
</script>
<input type="button" onclick="login()" value="登录"/>


3、弹窗选择框并跳转到其他页面:
<script> 
function logout(){ 
if (confirm("你确定要注销登录吗?是-选择确定,否-选择取消"))
{ 
window.location.href="login.html" 
} 
} 
</script> 
<input type="button" onclick="logout()" value="注销"/>


静态HTML网页作业中表单如何使用JavaScript通过提示框跳转页面还是非常实用的,你学会了吗?
STU网页公众号

STU网页设计专注于DW网页设计制作,学生网页设计作业,简单网页模板下载,HTML静态网页成品,网页设计代做,网站作品定制,网页毕业设计制作,学生dreamweaver网页成品...

qq code back_top

微信扫码咨询