button/input链接方式全攻略 [转]

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

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

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

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

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

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

6.打开无边框的新窗口同时指向另一页
<input type="button" name="Submit2" value="确定" class="btn" οnclick="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;" >

转载于:https://www.cnblogs.com/visoeclipse/archive/2009/09/02/1558710.html

button/input链接方式全攻略 [转]相关推荐

button/input链接方式全攻略
1.链接到某页 <input type="button" name="Submit" value="确定" class=" ...
Jenkins 插件安装方式全攻略
在Jenkins 的安装向导页面中, 会有一步是否安装推荐的插件, 可以直接进行安装, 也可以跳过. 对于安装机器联网的状况, 安装插件相对方便,直接搜索插件安装, 但是也可能会出现无法在线安装的状况 ...
公考行测图形推理汉字题考查方式全攻略[转]
图形推理题是近年公务员考试出题创新性很强的一类题,同时也是体现着"文化公平"的特点题型. 图形推理题是近年公务员考试出题创新性很强的一类题,同时也是体现着"文化公平&qu ...
前端小白也能快速学会的博客园博客美化全攻略
前端小白也能快速学会的博客园博客美化全攻略 A呦V,博客园er的自我修养是什么?第一条,别只顾收藏和偷师呀,记得点"推荐"或关注本人喔~ 美化方法论简介一般而言,需要选一个默认的 ...
网页制作HTML代码全攻略
网页制作HTML代码全攻略第一章:HTML 语言的结构 html文件是标准的ASCII文件,它看起来象是加入了许多被称为标注(tag)的特殊字符串的普遍文本文件.从结构上讲,html文件由元素(el ...
前端小白也能快速学会的博客园博客美化全攻略[附源码]
前端小白也能快速学会的博客园博客美化全攻略[附源码] 文章目录前端小白也能快速学会的博客园博客美化全攻略[附源码] 美化方法论简介准备工作 js权限申请如何模仿一个博客园的自定义风格(样式css ...
【干货】Chrome插件(扩展)开发全攻略-转载
[干货]Chrome插件(扩展)开发全攻略写在前面我花了将近一个多月的时间断断续续写下这篇博文,并精心写下完整demo,写博客的辛苦大家懂的,所以转载务必保留出处.本文所有涉及到的大部分代码均在这 ...
新手入门Chrome插件(扩展)开发全攻略
[干货]Chrome插件(扩展)开发全攻略写在前面我花了将近一个多月的时间断断续续写下这篇博文,并精心写下完整demo,写博客的辛苦大家懂的,所以转载务必保留出处.本文所有涉及到的大部分代码均在这 ...
【转】Chrome插件(扩展)开发全攻略
[干货]Chrome插件(扩展)开发全攻略写在前面我花了将近一个多月的时间断断续续写下这篇博文,并精心写下完整demo,写博客的辛苦大家懂的,所以转载务必保留出处.本文所有涉及到的大部分代码均在这 ...

button/input链接方式全攻略 [转]

button/input链接方式全攻略 [转]相关推荐

最新文章

热门文章