学生网页作业中,使用
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通过提示框跳转页面还是非常实用的,你学会了吗?