加入收藏 | 设为首页 | 会员中心 | 我要投稿 河北网 (https://www.hebeiwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 创业 > 正文

给Button/input添加链接,前进,后退等功能

发布时间:2018-10-09 22:05:22 所属栏目:创业 来源:站长网
导读:给Button/input添加链接,提高,退却等成果,看问题,各人就应该大白是怎么回事了,我们在一般的网页建造中行使a超等链接最多,而给按钮添加链接,有一部门伴侣也许没用到过,本日猛火小编就把与button、input相干的链接,提高,退却,弹出确认alert窗口等的

  给Button/input添加链接,提高,退却等成果,看问题,各人就应该大白是怎么回事了,我们在一般的网页建造中行使a超等链接最多,而给按钮添加链接,有一部门伴侣也许没用到过,本日猛火小编就把与button、input相干的链接,提高,退却,弹出确认alert窗口等的代码清算出来,但愿对您有所辅佐。

  代码如下:

Copy to ClipboardLiehuo.Net Codes引用的内容:[www.veryhuo.com] 1.链接到某页
<input type="button" name="Submit" value="确 定" class="btn" onclick="location.href='http://www.veryhuo.com/down'" />

2.返回(等同退却)
<input name="Submit2" type="button" class="btn" onclick="location.href='javascript:history.go(-1);'" value="返 回" />

3.打开新网页
<input type="button" name="Submit2" value="确 定" class="btn" onclick="window.open('filename.html')" />

4.打开无边框的新窗口
<input type="button" name="Submit2" value="确 定" class="btn" onclick="javascript:window.open('http://bbs.liehuo.net','','width=720,height=500,resizable=yes,scrollbars=yes,status=no')" />

5.打开新网页同时指向另一页
<input type="button" name="Submit2" value="确 定" class="btn" onclick="window.open('filename.html');location.href='http://www.liehuo.org'" />

6.打开无边框的新窗口同时指向另一页
<input type="button" name="Submit2" value="确 定" class="btn" onclick="javascript:window.open('http://www.liehuo.org','','width=720,height=500,resizable=yes,scrollbars=yes,status=no'); window.location='filename.html';" />

7.点击按钮弹出确认alert窗口
方法一:
<input type="button" name="Submit1" value="确定" class="btn"
onClick="alert('Liehuo_net提醒:提交乐成!');location.href= 'filename.html';return false;" >
方法二:
<input type="button" name="Submit2" value="确定" class="btn"
onClick="if (confirm('猛火学院提醒:是否确认提交?'))location.href= 'filename.html';return false;" >

   感激您对猛火学院的支持,接待提着名贵意见!

(编辑:河北网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读