点击button按钮实现页面跳转

发布于 2021-02-22 17:19:32      浏览 340

点击button按钮实现页面跳转

详情:

1、 1.首先,我们新建一个带有button按钮的页面,在Dreamweaver中打开这个页面。 2、 2.button按钮不能直接添加herf属性,我们可以通过button的onClick事件来实现页面的跳转。 3、 3.我们可以直接在onclick事件上添加动作实现页面跳转,也可以让onClick触发函数实现页面跳转。先介绍第一种,window.open()可以实现页面跳转。 4、 4.第二种,需要我们给button的onClick一个触发事件。具体写法见下图。 5、 5.因为我们希望页面在点击登录按钮的时候实现页面跳转,所以函数是直接声明,而不是等页面加载完后立即执行的。 6、 6.除了以上的onClick触发函数,我们还可以写一个click函数,来触发页面跳转。这就需要我们获取到这个button,可以给button一个Id,具体写法见下图。 7、 7.综上,一共有三种方法可以实现点击button进行页面跳转,两种是通过onClick函数,一种是click事件。

上一篇:辟谷如何采气 下一篇:论文的研究方法有哪些

相关推荐

  • 微信无法链接跳转京东app
    微信无法链接跳转京东app 微信无法链接跳转京东app是因为手机升级到安卓9.0之后,安全方面更加的完善,在未经允许的情况下,手机中的软件会被限制大部分特殊权限……

    其他 发布于 2022-06-06 17:58:30 浏览 273

  • 打印页面怎么设置
    打印页面怎么设置 1.首先从设备和打印机里找到打印机驱动,然后右键点击打印机驱动,选择打印机属性。 2.接着在首选项里改纸张大小,或者在点击打印后,在……

    其他 发布于 2022-05-28 08:18:05 浏览 284

  • 电脑开机后鼠标点击没反应怎么办
    电脑开机后鼠标点击没反应怎么办 1.重启下电脑查看鼠标和键盘是否恢复正常。如果故障解除的话就是主板未通电造成的。 2.检查usb接口是否松动,插入usb接口之后是否……

    电脑 发布于 2022-05-24 23:35:17 浏览 270

  • 朋友圈详情页面在哪里
    朋友圈详情页面在哪里 查找朋友圈详情页面的步骤是: 1.打开手机微信,进入微信首页,点击页面下方的我,进入微信我的页面; 2.进入微信我的页面后,找到相册一栏,点……

    其他 发布于 2022-05-24 14:44:32 浏览 354

  • 苹果屏幕的小圆按钮在哪里设置出来
    苹果屏幕的小圆按钮在哪里设置出来 小圆点即悬浮按钮,它是在辅助功能里面进行设置,其设置方法如下: 1.首先打开设置,点击通用; 2.选择通用设置中的辅助功能选项; 3.选择辅……

    其他 发布于 2022-05-23 10:02:08 浏览 263

  • 电脑任务栏点击没反应是什么原因
    电脑任务栏点击没反应是什么原因 电脑任务栏点击没反应的原因可能是电脑一下反应不过来;或者假死了,可以等待一会儿;如果反应不过来。可以按CTRL+ALT+DEL调出任务管理……

    电脑 发布于 2022-05-14 03:24:46 浏览 327

  • word文档怎么调整页面布局
    word文档怎么调整页面布局 1.首先打开Word的软件或打开保存的文档。 2.想要调整文档中的字间距或者页面布局等。 3.在Word软件中找到页面设置。 4.在页面设……

    其他 发布于 2022-05-11 02:53:31 浏览 331

  • 手机wps页面设置在哪
    手机wps页面设置在哪 手机wps页面设置在文件菜单中,方法如下: 1.点击打开wps文档。 2.然后点击上面的页面设置,即可进行设置。WPS Office是由金山软件股份……

    手机 发布于 2022-04-30 05:47:05 浏览 425

  • 微信怎么没有注册页面
    微信怎么没有注册页面 以微信7.0.15版本为例,微信没有注册页面的原因可能是卡顿导致的,用户可以直接退出app,清理一下手机后台或者直接将手机关机重启一下……

    其他 发布于 2022-04-23 16:42:56 浏览 219

  • 显卡后面的按钮有什么用
    显卡后面的按钮有什么用 那个键是一键超频键,超频用的。这个超频并非那种老式的超频,利用增加供电来提升显卡性能。很简单,其实这个显卡自身真正的频率是超频……

    其他 发布于 2022-04-22 02:47:25 浏览 201