button/input链接方式全攻略

转载 2016年06月01日 16:20:58

1.链接到某页
<input type="button" name="Submit" value="确 定" class="btn" onclick="location.href='filename.html'" />

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('filename.html','','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://hi.baidu.com/harryxue'" />

6.打开无边框的新窗口同时指向另一页
<input type="button" name="Submit2" value="确 定" class="btn" onclick="javascript:window.open('http://hi.baidu.com/harryxue','','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('是否确认提交?');location.href= 'filename.html';return false;" >
方式二:
<input type="button" name="Submit2" value="确定" class="btn" 
onClick="if (confirm('是否确认提交?'))location.href= 'filename.html';return false;" >

button/input链接方式全攻略

1.链接到某页2.返回(等同后退) 3.打开新网页4.打开无边框的新窗口5.打开新网页同时指向另一页6.打开无边框的新窗口同时指向另一页7.点击按钮弹出确认alert窗口方式一:onClick="al...
  • q283595518
  • q283595518
  • 2009年04月29日 22:33
  • 593

input /button链接方法

1.链接到某页 2.返回(等同后退)  3.打开新网页 4.打开无边框的新窗口 5.打开新网页同时指向另一页 6.打开无边框的新窗口同时指向另一页 ...
  • chenmoquan
  • chenmoquan
  • 2012年11月13日 11:05
  • 3618

单击Input按钮时打开链接

1.如果让本页转向新的页面则用: 2.如果需要打开一个新的页面进行转向,则用: ...
  • rainday0310
  • rainday0310
  • 2009年12月25日 14:05
  • 3102

七种button/input常用链接方式

七种button/input常用链接方式(button/input链接方式) 1.链接到某页 2.返回(等同后退)  3.打开新网页 4.打开无边框的新窗口 ...
  • dianfeng120
  • dianfeng120
  • 2012年09月15日 21:56
  • 93

buttoninput链接方式全攻略

1.链接到某页 2.返回(等同后退) 3.打开新网页 4.打开无边框的新窗口 5.打开新网页同时指向另一页 6.打开无边框的新窗口同时指向另一页 7.点击按钮弹出...
  • cnseo88
  • cnseo88
  • 2012年03月29日 15:06
  • 194

像input,button等元素对齐方法

使用vertical-align可以实现对齐 input,button{ he...
  • sinat_19327991
  • sinat_19327991
  • 2017年06月08日 14:34
  • 354

HTML中button和input button的区别

一句话概括主题:具有相同的作用但是在可操控性方面更加强大。 HTML 4.01规范的Forms部分指 名表单有以下几种控制类型:buttons, checkboxes, radio butt...
  • ethan444163330
  • ethan444163330
  • 2014年05月06日 12:02
  • 3872

HTML<button>和<input type="button"> 的区别

一、定义和用法  标签定义的是一个按钮。 在 button 元素内部,可以放置文本或图像。这是与使用 input 元素创建的按钮的不同之处。 二者相比较,  控件提供了更为强大的功能...
  • nowadaysall
  • nowadaysall
  • 2015年12月15日 11:10
  • 16173

input button jump is not setup解决办法

当然,博主也在网上找了很久,出现这个问题大多数是因为重新引入了一些比较完整的package导致的,导致input的设定冲突了 这种情况下可以这样试试、 if(Input.GetKeyDown (K...
  • u011410529
  • u011410529
  • 2015年03月12日 23:55
  • 2231

CSS 美化 input button 按钮

input、button可以通过CSS自定义外观,而checkbox radio则没办法通过CSS自定义样式。今天逛GOOGLE+的时候发现了一个利用CSS3伪元素:after来自定义checkbox...
  • yali1990515
  • yali1990515
  • 2015年12月22日 10:50
  • 14712
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:button/input链接方式全攻略
举报原因:
原因补充:

(最多只允许输入30个字)