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 相关文章推荐
如何让动态插入的javascript脚本代码跑起来。
Jan 09 Javascript
getComputedStyle与currentStyle获取样式(style/class)
Mar 19 Javascript
javascript 得到文件后缀名的思路及实现
May 09 Javascript
深入理解JavaScript中的对象复制(Object Clone)
May 18 Javascript
node学习记录之搭建web服务器教程
Feb 16 Javascript
mac上node.js环境的安装测试
Jul 03 Javascript
详解bootstrap用dropdown-menu实现上下文菜单
Sep 22 Javascript
微信小程序获取手机网络状态的方法【附源码下载】
Dec 08 Javascript
Vue组件中slot的用法
Jan 30 Javascript
微信小程序实现倒计时补零功能
Jul 09 Javascript
详解vantUI框架在vue项目中的应用踩坑
Dec 06 Javascript
JavaScript实现页面高亮操作提示和蒙板
Jan 04 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
改造一台复古桌面收音机
2021/03/02 无线电
PHP的FTP学习(一)
2006/10/09 PHP
谈谈新手如何学习PHP
2006/12/14 PHP
phpinfo 系统查看参数函数代码
2009/06/05 PHP
PHP限制页面只能在微信自带浏览器访问的代码
2014/01/15 PHP
使用配置类定义Codeigniter全局变量
2014/06/12 PHP
ThinkPHP3.1新特性之动态设置自动完成及自动验证示例代码
2014/06/23 PHP
php array_reverse 以相反的顺序返回数组实例代码
2017/04/11 PHP
利用Homestead快速运行一个Laravel项目的方法详解
2017/11/14 PHP
jQuery UI的Dialog无法提交问题的解决方法
2011/01/11 Javascript
Javascript insertAfter() 实现函数代码
2011/10/12 Javascript
jQuery父级以及同级元素查找介绍
2013/09/04 Javascript
node.js中的fs.fchown方法使用说明
2014/12/16 Javascript
Jquery搜索父元素操作方法
2015/02/10 Javascript
JavaScript中常用的六种互动方法示例
2015/03/13 Javascript
javascript将中国数字格式转换成欧式数字格式的简单实例
2016/08/02 Javascript
jQuery Dialog 打开时自动聚焦的解决方法(两种方法)
2016/11/24 Javascript
5分钟打造简易高效的webpack常用配置
2017/07/04 Javascript
微信小程序实现图片放大预览功能
2020/10/22 Javascript
JS基于设计模式中的单例模式(Singleton)实现封装对数据增删改查功能
2018/02/06 Javascript
借助云开发实现小程序短信验证码的发送
2020/01/06 Javascript
Vue.js实现立体计算器
2020/02/22 Javascript
在java中如何定义一个抽象属性示例详解
2017/08/18 Python
使用python3构建文件传输的方法
2019/02/13 Python
在pandas中遍历DataFrame行的实现方法
2019/10/23 Python
python 变量初始化空列表的例子
2019/11/28 Python
python中pivot()函数基础知识点
2021/01/03 Python
关于PySnooper 永远不要使用print进行调试的问题
2021/03/04 Python
使用canvas生成含有微信头像的邀请海报没有微信头像问题
2019/10/29 HTML / CSS
进修护士自我鉴定
2013/10/14 职场文书
应聘自荐信
2013/12/14 职场文书
2014两会优秀的心得体会范文
2014/03/17 职场文书
捐款活动总结
2014/08/27 职场文书
员工辞职信范文大全
2015/05/12 职场文书
2019求职信:应届生求职信范文
2019/04/24 职场文书
Oracle创建只读账号的详细步骤
2021/06/07 Oracle