input链接页面、打开新网页等等的具体实现


Posted in Javascript onDecember 30, 2013

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://www.cxybl.com'" />

6.打开无边框的新窗口同时指向另一页

<input type="button" name="Submit2" value="确 定" class="btn" onclick="javascript:window.open('http://www.cxybl.com','','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;" >

Javascript 相关文章推荐
自己的js工具 Event封装
Aug 21 Javascript
javascript实现限制上传文件大小
Feb 06 Javascript
WordPress中利用AJAX异步获取评论用户头像的方法
Jan 08 Javascript
JavaScript对Json的增删改属性详解
Jun 02 Javascript
Jquery ajax请求导出Excel表格的实现代码
Jun 08 Javascript
jQuery层级选择器_动力节点节点Java学院整理
Jul 04 jQuery
Vue+jquery实现表格指定列的文字收缩的示例代码
Jan 09 jQuery
浅谈vuejs实现数据驱动视图原理
Feb 23 Javascript
微信小程序导航栏滑动定位功能示例(实现CSS3的positionsticky效果)
Jan 24 Javascript
jQuery实现input[type=file]多图预览上传删除等功能
Aug 02 jQuery
微信公众号H5之微信分享常见错误和问题(小结)
Nov 14 Javascript
一文帮你理解PReact10.5.13源码
Apr 03 Javascript
获取3个数组不重复的值的具体实现
Dec 30 #Javascript
改变隐藏的input中value的值代码
Dec 30 #Javascript
js中switch case循环实例代码
Dec 30 #Javascript
js模仿hover的具体实现代码
Dec 30 #Javascript
js+css实现的简单易用兼容好的分页
Dec 30 #Javascript
jquery复选框全选/取消示例
Dec 30 #Javascript
jquery动态添加option示例
Dec 30 #Javascript
You might like
整理的一些实用WordPress后台MySQL操作命令
2013/01/07 PHP
PHP实现的简单日历类
2014/11/29 PHP
PHP调用MySQL存储过程并返回值的方法
2014/12/26 PHP
PHP内核探索之变量
2015/12/22 PHP
微信推送功能实现方式图文详解
2019/07/12 PHP
JQuery 图片延迟加载并等比缩放插件
2009/11/09 Javascript
Dom操作之兼容技巧分享
2011/09/20 Javascript
一个基于jquery的文本框记数器
2012/09/19 Javascript
禁止页面刷新让F5快捷键及右键都无效
2014/01/22 Javascript
JS实现队列与堆栈的方法
2016/04/21 Javascript
jQuery Dialog对话框事件用法实例分析
2016/05/10 Javascript
深入理解MVC中的时间js格式化
2016/05/19 Javascript
Ajax分页插件Pagination从前台jQuery到后端java总结
2016/07/22 Javascript
搭建简单的nodejs http服务器详解
2017/03/09 NodeJs
jQuery实现点击下拉框中的值累加到文本框中的方法示例
2017/10/28 jQuery
seajs下require书写约定实例分析
2018/05/16 Javascript
基于vue2的canvas时钟倒计时组件步骤解析
2018/11/05 Javascript
Python yield使用方法示例
2013/12/04 Python
Python3基础之条件与循环控制实例解析
2014/08/13 Python
在Python中操作字典之clear()方法的使用
2015/05/21 Python
Python的mysql数据库的更新如何实现
2017/07/31 Python
python实现微信跳一跳辅助工具步骤详解
2018/01/04 Python
基于python 二维数组及画图的实例详解
2018/04/03 Python
在linux系统下安装python librtmp包的实现方法
2019/07/22 Python
python 的numpy库中的mean()函数用法介绍
2020/03/03 Python
Django用户认证系统如何实现自定义
2020/11/12 Python
HTML5+CSS3网页加载进度条的实现,下载进度条的代码实例
2016/12/30 HTML / CSS
广州某公司软件工程师面试题
2014/12/22 面试题
反四风个人对照检查材料
2014/09/26 职场文书
2014年采购部工作总结
2014/11/20 职场文书
高三语文复习计划
2015/01/19 职场文书
社区植树节活动总结
2015/02/06 职场文书
在职证明书模板
2015/06/15 职场文书
2016年母亲节寄语
2015/12/04 职场文书
Redis官方可视化工具RedisInsight安装使用教程
2022/04/19 Redis
SpringBoot项目多数据源及mybatis 驼峰失效的问题解决方法
2022/07/07 Java/Android