点击button按钮实现页面跳转

  • 原创
  • |
  • 浏览:56555
  • |
  • 更新:

我们经常使用a标签来设定页面之间的跳转,在某些特殊的时刻就需要我们使用button标签来实现页面之间的跳转,button不能直接加href属性,这就需要我们做一些处理,小渔现在就将方法告诉大家。

方法/步骤

  1. 1

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

    点击button按钮实现页面跳转
  2. 2

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

    点击button按钮实现页面跳转
  3. 3

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

    点击button按钮实现页面跳转
  4. 4

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

    点击button按钮实现页面跳转
  5. 5

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

    点击button按钮实现页面跳转
  6. 6

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

    点击button按钮实现页面跳转
  7. 6
    该信息非法爬取自百度经验
  8. 7

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

    END

注意事项

  • 以后再遇到点击button实现页面跳转的问题,希望可以给大家一个参考
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。
作者声明:本篇经验系本人依照真实经历原创,未经许可,谢绝转载。
展开阅读全部