button/input链接方式全攻略
2016-06-01 16:20
302 查看
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;" >
<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;" >
相关文章推荐
- 【Linux系列教程】03.链接命令--软连接和硬链接的区别
- socket多客户端连接服务器
- mysql将查询结果导入文件
- POJ2352 Stars 树状数组
- 使用pt-query-digest分析慢查询日志
- hibernate中的java对象有几种状态,其相互关系如何(区别和相互转换)
- nginx反向代理服务器的工作原理
- C001-C语言-语法与用法摘录-(ques=2)
- java记事本1.2版
- Zabbix报告无交换内存主机 Lack of free swap space on xxxxx
- PowerPoint文档中的数据图表动起来
- (Java)LeetCode-22. Generate Parentheses
- 关于@IgnoreLogin
- Java 8+Android M新特性总结(简略版)
- 如何在XML中定义菜单
- java正则表达式相关类的使用
- 初识java.util.concurrent.CyclicBarrier
- Favorite Tops 收藏夹 分享好东西
- ExpandableListView的使用
- 【Linux系列教程】02.命令基本格式、常见目录以及文件目录处理命令