input /button链接方法集锦

input /button链接方法

自己总结了一下常用到的Button链接,代码如下:

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;\" >

关注宁波网站建设博客，更多精彩分享，敬请期待！
 

Tags：

转载：感谢您对宁波网站建设博客网站平台的认可，以及对我们原创作品以及技术文章的青睐，非常欢迎各位朋友分享到个人站长或者朋友圈，但转载请说明文章出处“来源宁波网站建设博客”。/view/379.html

很赞哦！ ()