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运行耗时操作的延时显示方法
Nov 19 Javascript
jquery中获取元素的几种方式小结
Jul 05 Javascript
基于JavaScript制作霓虹灯文字 代码 特效
Sep 01 Javascript
jquery淡入淡出效果简单实例
Jan 14 Javascript
Vue2 Vue-cli中使用Typescript的配置详解
Jul 24 Javascript
setTimeout时间设置为0详细解析
Mar 13 Javascript
JavaScript函数的4种调用方法实例分析
Mar 05 Javascript
点击按钮弹出模态框的一系列操作代码实例
Mar 29 Javascript
vue动态路由:路由参数改变,视图不更新问题的解决
Nov 05 Javascript
如何在postman中添加cookie信息步骤解析
Jun 30 Javascript
Vue(定时器)解决mounted不能获取到data中的数据问题
Jul 30 Javascript
VUE 单页面使用 echart 窗口变化时的用法
Jul 30 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
Apache+php+mysql在windows下的安装与配置图解(最新版)
2008/11/30 PHP
使用VisualStudio开发php的图文设置方法
2010/08/21 PHP
PHP之短标签开启设置
2013/06/17 PHP
php去除换行(回车换行)的三种方法
2014/03/26 PHP
为原生js Array增加each方法
2012/04/07 Javascript
js页面跳转的常用方法整理
2013/10/18 Javascript
使用C++为node.js写扩展模块
2015/04/22 Javascript
分享JavaScript与Java中MD5使用两个例子
2015/12/23 Javascript
jquery mobile界面数据刷新的实现方法
2016/05/28 Javascript
微信小程序 绘图之饼图实现
2016/10/24 Javascript
Javascript 函数的四种调用模式
2016/11/05 Javascript
JS如何生成一个不重复的ID的函数
2016/12/25 Javascript
深入理解JavaScript中的尾调用(Tail Call)
2017/02/07 Javascript
深入探究node之Transform
2017/07/20 Javascript
ReactNative实现Toast的示例
2017/12/31 Javascript
利用hasOwnProperty给数组去重的面试题分享
2018/11/05 Javascript
微信公众号平台接口开发 获取微信服务器IP地址方法解析
2019/08/14 Javascript
Vue的Options用法说明
2020/08/14 Javascript
记一次vue跨域的解决
2020/10/21 Javascript
vue3.0实现插件封装
2020/12/14 Vue.js
在Python中操作列表之List.pop()方法的使用
2015/05/21 Python
python实现mysql的读写分离及负载均衡
2018/02/04 Python
Python2和Python3.6环境解决共存问题
2018/11/09 Python
Python通过两个dataframe用for循环求笛卡尔积
2020/04/29 Python
python语言time库和datetime库基本使用详解
2020/12/25 Python
html5 Canvas绘制线条 closePath()实例代码
2012/05/10 HTML / CSS
欧洲最大的化妆品连锁公司:Douglas道格拉斯
2017/05/06 全球购物
台湾生鲜宅配:大口市集
2017/10/14 全球购物
狗狗玩具、零食和咀嚼物的月度送货服务:Super Chewer
2018/08/22 全球购物
美国便宜的横幅和标志印刷在线:Best of Signs
2019/05/29 全球购物
优秀干部获奖感言
2014/01/31 职场文书
国旗下的演讲稿
2014/05/08 职场文书
教师廉洁自律承诺书
2014/05/26 职场文书
高中军训感想
2015/08/07 职场文书
Python中for后接else的语法使用
2021/05/18 Python
python基础之文件操作
2021/10/24 Python