html如何实现点击按钮跳转页面

html如何实现点击按钮跳转页面,第1张

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

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

3、可以直接在onclick事件上添加动作实现页面跳转,也可以让onClick触发函数实现页面跳转,如下图所示。

4、还可以写一个click函数,来触发页面跳转。这就需要我们获取到这个button,可以给button一个Id了,如下图所示。

在html页中用javascript也能实现,下面是我给出的例子,通过测试:

首先假设你用来提交信息的页面是ahtm(动态页也一样),在页面上有一个表单用来输入信息,其中有一个按钮用来提交,另外有一个超链接用来控制按钮是否可用。

我的方法是:

1、先将按钮Submit1的disabled属性设为true,这样按钮是不可用的。

2、然后再将超链接的onclick属性值设为Submit1disabled=false,意为当单击超链接时则将按钮Submit1的属性disabled值改变为false,这样按钮就变成可用的了。同时设置超链接的href="caspx",并设target="_blank",意为单击链接时同时在新窗口打开caspx页面。

3、注意表单form1的属性,action="baspx",意为信息将提交到baspx页面。

欢迎分享,转载请注明来源:表白网

原文地址:https://h5.hunlipic.com/biaobai/4067532.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2024-04-13
下一篇2024-04-13

发表评论

登录后才能评论

评论列表(0条)

    保存