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操作Cookies包括(读取添加与删除)
Dec 26 Javascript
appendChild() 或 insertBefore()使用与区别介绍
Oct 11 Javascript
javascript数据结构之二叉搜索树实现方法
Nov 25 Javascript
动态加载js、css的简单实现代码
May 26 Javascript
JavaScript模仿Pinterest实现图片预加载功能
Oct 25 Javascript
基于Vue2的移动端开发环境搭建详解
Nov 03 Javascript
JavaScript之Vue.js【入门基础】
Dec 06 Javascript
详解Angular的内置过滤器和自定义过滤器【推荐】
Dec 26 Javascript
深入理解Javascript中的作用域链和闭包
Apr 25 Javascript
详解Angular2中Input和Output用法及示例
May 21 Javascript
微信小程序实现点击按钮修改文字大小功能【附demo源码下载】
Dec 06 Javascript
微信小程序8种数据通信的方式小结
Feb 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
php下判断数组中是否存在相同的值array_unique
2008/03/25 PHP
PHP长网址与短网址的实现方法
2017/10/13 PHP
PHP聊天室简单实现方法详解
2018/12/08 PHP
thinkphp5使html5实现动态跳转的例子
2019/10/16 PHP
学习js在线html(富文本,所见即所得)编辑器
2012/12/18 Javascript
javascript实现div浮动在网页最顶上并带关闭按钮效果实例
2013/08/13 Javascript
JavaScript中常用的六种互动方法示例
2015/03/13 Javascript
jQuery聚合函数实例
2015/05/21 Javascript
深入理解js promise chain
2016/05/05 Javascript
JavaScript利用正则表达式替换字符串中的内容
2016/12/12 Javascript
Kindeditor单独调用单图上传增加预览功能的实例
2017/07/31 Javascript
JS实现的3des+base64加密解密算法完整示例
2018/05/18 Javascript
webpack中如何加载静态文件的方法步骤
2019/05/18 Javascript
微信小程序本地存储实现每日签到、连续签到功能
2019/10/09 Javascript
Vue初始化中的选项合并之initInternalComponent详解
2020/06/11 Javascript
[42:39]老党炸弹人试玩视频
2014/09/03 DOTA
[01:09:19]DOTA2-DPC中国联赛 正赛 VG vs Aster BO3 第二场 2月28日
2021/03/11 DOTA
python时间整形转标准格式的示例分享
2014/02/14 Python
Python实现合并同一个文件夹下所有PDF文件的方法示例
2018/04/28 Python
pandas重新生成索引的方法
2018/11/06 Python
python批量修改文件夹及其子文件夹下的文件内容
2019/03/15 Python
python 用户交互输入input的4种用法详解
2019/09/24 Python
基于python调用psutil模块过程解析
2019/12/20 Python
python如何写try语句
2020/07/14 Python
Python .py生成.pyd文件并打包.exe 的注意事项说明
2021/03/04 Python
在HTML5 canvas里用卷积核进行图像处理的方法
2018/05/02 HTML / CSS
世界各地的当地人的食物体验:Eatwith
2019/07/26 全球购物
餐厅考勤管理制度
2014/01/28 职场文书
优秀毕业自我鉴定
2014/02/15 职场文书
项目经理任命书
2014/06/04 职场文书
党建目标管理责任书
2014/07/25 职场文书
员工年终自我评价
2014/09/14 职场文书
大学生党性分析材料
2014/12/19 职场文书
2015年教师党员承诺书
2015/04/27 职场文书
总结Pyinstaller打包的高级用法
2021/06/28 Python
Python与C++中梯度方向直方图的实现
2022/03/17 Python