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 contains和compareDocumentPosition 方法来确定是否HTML节点间的关系
Feb 04 Javascript
jquery中防刷IP流量软件影响统计的一点对策
Jul 10 Javascript
火狐下table中创建form导致两个table之间出现空白
Sep 02 Javascript
jQuery表格列宽可拖拽改变且兼容firfox
Sep 03 Javascript
jQuery子属性过滤选择器用法分析
Feb 10 Javascript
基于jquery实现智能表单验证操作
May 09 Javascript
JS实现iframe编辑器光标位置插入内容的方法(兼容IE和Firefox)
Jun 24 Javascript
html+javascript+bootstrap实现层级多选框全层全选和多选功能
Mar 09 Javascript
微信小程序发布新版本时自动提示用户更新的方法
Jun 07 Javascript
Vue.js下拉菜单组件使用方法详解
Oct 19 Javascript
node.js如何根据URL返回指定的图片详解
Oct 21 Javascript
vue+elementui通用弹窗的实现(新增+编辑)
Jan 07 Vue.js
获取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
新52大事件
2020/03/03 欧美动漫
PHP 身份证号验证函数
2009/05/07 PHP
php使用smtp发送支持附件的邮件示例
2014/04/13 PHP
php基于自定义函数记录log日志方法
2017/07/21 PHP
laravel orm 关联条件查询代码
2019/10/21 PHP
jquery简单体验
2007/01/10 Javascript
收藏一些不常用,但是有用的代码
2007/03/12 Javascript
javascript+xml技术实现分页浏览
2008/07/27 Javascript
基于jQuery的固定表格头部的代码(IE6,7,8测试通过)
2010/05/18 Javascript
JavaScript函数节流概念与用法实例详解
2016/06/20 Javascript
prototype与__proto__区别详细介绍
2017/01/09 Javascript
Node使用Sequlize连接Mysql报错:Access denied for user ‘xxx’@‘localhost’
2018/01/03 Javascript
使用 Vue 绑定单个或多个 Class 名的实例代码
2018/01/08 Javascript
vue实现点击隐藏与显示实例分享
2019/02/13 Javascript
原生JS实现微信通讯录
2020/06/18 Javascript
Element Tooltip 文字提示的使用示例
2020/07/26 Javascript
在Vue里如何把网页的数据导出到Excel的方法
2020/09/30 Javascript
JS画布动态实现黑客帝国背景效果
2020/11/08 Javascript
[01:04:35]2018DOTA2亚洲邀请赛 4.3 突围赛 Secret vs VG 第一场
2018/04/04 DOTA
c++生成dll使用python调用dll的方法
2014/01/20 Python
go和python调用其它程序并得到程序输出
2014/02/10 Python
python+matplotlib实现动态绘制图片实例代码(交互式绘图)
2018/01/20 Python
在PyCharm环境中使用Jupyter Notebook的两种方法总结
2018/05/24 Python
Python多线程编程之多线程加锁操作示例
2018/09/06 Python
pycharm new project变成灰色的解决方法
2019/06/27 Python
解决jupyter notebook import error但是命令提示符import正常的问题
2020/04/15 Python
python生成word合同的实例方法
2021/01/12 Python
python如何构建mock接口服务
2021/01/28 Python
python中Pexpect的工作流程实例讲解
2021/03/02 Python
2分钟教你实现环形/扇形菜单(基础版)
2020/01/15 HTML / CSS
德国家具在线:Fashion For Home
2017/03/11 全球购物
消防宣传语大全
2015/07/13 职场文书
Python List remove()实例用法详解
2021/08/02 Python
sass 常用备忘案例详解
2021/09/15 HTML / CSS
HTML5+CSS+JavaScript实现捉虫小游戏设计和实现
2021/10/16 HTML / CSS
vue2的 router在使用过程中遇到的一些问题
2022/04/13 Vue.js