点击button按钮实现页面跳转

 时间:2024-10-15 00:09:29

1、首先,我们新建一个带有button按钮的页面,在Dreamweaver中打开这个页面。

点击button按钮实现页面跳转

2、button按钮不能直接添加herf属性,我们可以通过button的onClick事件来实现页面的跳转。

点击button按钮实现页面跳转

3、我们可以直接在onclick事件上添加动作实现页面跳转,也可以让onClick触发函数实现页面跳转。先介绍第一种,window.open()可以实现页面跳转。

点击button按钮实现页面跳转

4、第二种,需要我们给button的onClick一个触发事件。具体写法见下图。

点击button按钮实现页面跳转

5、因为我们希望页面在点击登录按钮的时候实现页面跳转,所以函数是直接声明,而不是等页面加载完后立即执行的。

点击button按钮实现页面跳转

6、除了以上的onClick触发函数,我们还可以写一个click函数,来触发页面跳转。这就需要我们获取到这个button,可以给button一个Id,具体写法见下图。

点击button按钮实现页面跳转

7、综上,一共有三种方法可以实现点击button进行页面跳转,两种是通过onClick函数,一种是click事件。

  • css中如何实现button垂直居中
  • button按钮的属性设置
  • 怎么让两个div在同一行
  • Navicat for mysql的使用教程
  • navicat怎么新建一个数据库
  • 热门搜索
    讲文明手抄报内容 绿色上网手抄报内容 关于曹文轩的手抄报 大学生手抄报 消防安全手抄报知识 我的未来不是梦手抄报 快乐手抄报 低碳环保手抄报内容 有关动物的手抄报 英语手抄报版面设计图