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实现)MapBar中坐标的加密和解密的脚本
May 16 Javascript
js的with语句使用方法
Sep 21 Javascript
jquery实现的元素的left增加N像素 鼠标移开会慢慢的移动到原来的位置
Mar 21 Javascript
JS正则表达式大全(整理详细且实用)
Nov 14 Javascript
js鼠标及对象坐标控制属性详细解析
Dec 14 Javascript
使用jquery中height()方法获取各种高度大全
Apr 02 Javascript
JavaScript操作Cookie详解
Feb 28 Javascript
jQuery ajax中使用confirm,确认是否删除的简单实例
Jun 17 Javascript
js删除数组中某几项的方法总结
Jan 16 Javascript
Vue 中可以定义组件模版的几种方式
Aug 06 Javascript
JavaScript前端实现压缩图片功能
Mar 06 Javascript
vue 实现动态路由的方法
Jul 06 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
PHP编程函数安全篇
2013/01/08 PHP
php事务处理实例详解
2014/07/11 PHP
php生成图片验证码的方法
2016/04/15 PHP
Yii2实现ActiveForm ajax提交
2017/05/26 PHP
js 文件引入实现代码
2010/04/23 Javascript
jQuery在IE下使用未闭合的xml代码创建元素时的Bug介绍
2012/01/10 Javascript
jquery cookie的用法总结
2013/11/18 Javascript
JS取文本框中最小值的简单实例
2013/11/29 Javascript
js实现简单锁屏功能实例
2015/05/27 Javascript
浅谈JavaScript中null和undefined
2015/07/09 Javascript
JavaScript encodeURI 和encodeURIComponent
2015/12/04 Javascript
jQuery实现字符串全部替换的方法
2016/12/12 Javascript
Angular弹出模态框的两种方式
2017/10/19 Javascript
Element-UI踩坑之Pagination组件的使用
2018/10/29 Javascript
python中list常用操作实例详解
2015/06/03 Python
解决Python出现_warn_unsafe_extraction问题的方法
2016/03/24 Python
Python中asyncore异步模块的用法及实现httpclient的实例
2016/06/28 Python
在PyCharm下打包*.py程序成.exe的方法
2018/11/29 Python
Python docutils文档编译过程方法解析
2020/06/23 Python
Python 列表推导式需要注意的地方
2020/10/23 Python
里程积分管理买卖交换平台:Points.com
2017/01/13 全球购物
Vans(范斯)德国官网:美国南加州的原创极限运动潮牌
2017/05/02 全球购物
英国男士时尚购物网站:Stuarts London
2017/10/22 全球购物
Sisley法国希思黎中国官网:享誉全球的奢华植物美容品牌
2019/06/30 全球购物
美国校服网上商店:French Toast
2019/10/08 全球购物
室内设计专业个人的自我评价
2013/10/19 职场文书
英文自荐信
2013/12/19 职场文书
学校献爱心活动总结
2014/07/08 职场文书
销售目标责任书
2014/07/23 职场文书
2015年女职工工作总结
2015/05/15 职场文书
军训新闻稿范文
2015/07/17 职场文书
2016年教师节贺卡寄语
2015/12/04 职场文书
《抽屉原理》教学反思
2016/02/20 职场文书
2016优秀毕业生个人事迹材料
2016/02/29 职场文书
如何让vue长列表快速加载
2021/03/29 Vue.js
Redis基于Bitmap实现用户签到功能
2021/06/20 Redis