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 Event学习第五章 高级事件注册模型
Feb 07 Javascript
js查找某元素中的所有图片地址的方法
Jan 16 Javascript
Jquery EasyUI中弹出确认对话框以及加载效果示例代码
Feb 13 Javascript
jQuery的观察者模式详解
Dec 22 Javascript
利用select实现年月日三级联动的日期选择效果【推荐】
Dec 13 Javascript
bootstrap table动态加载数据示例代码
Mar 25 Javascript
解决Vue2.0 watch对象属性变化监听不到的问题
Sep 11 Javascript
对angularJs中controller控制器scope父子集作用域的实例讲解
Oct 08 Javascript
使用Angular material主题定义自己的组件库的配色体系
Sep 04 Javascript
element-ui中按需引入的实现
Dec 25 Javascript
vue中用 async/await 来处理异步操作
Jul 18 Javascript
基于javascript的无缝滚动动画实现2
Aug 07 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/06/30 PHP
php递归方法实现无限分类实例代码
2014/02/28 PHP
PHP魔术引号所带来的安全问题分析
2014/07/15 PHP
ThinkPHP字符串函数及常用函数汇总
2014/07/18 PHP
浅谈PHP定义命令空间的几个注意点(推荐)
2016/10/29 PHP
你可能不再需要JQUERY
2021/03/09 Javascript
javascript setTimeout和setInterval 的区别
2009/12/08 Javascript
JS画线(实例代码)
2013/11/20 Javascript
js返回前一页刷新本页重载页面
2014/07/29 Javascript
jQuery实现列表自动滚动循环滚动展示新闻
2014/08/22 Javascript
jQuery简单实现验证邮箱格式
2015/07/15 Javascript
jquery.serialize() 函数语法及简单实例
2016/07/08 Javascript
bootstrap模态框跳转到当前模板页面 框消失了而背景存在问题的解决方法
2020/11/30 Javascript
一个炫酷的Bootstrap导航菜单
2016/12/28 Javascript
微信小程序wx:for循环的实例详解
2018/10/07 Javascript
element-ui table行点击获取行索引(index)并利用索引更换行顺序
2020/02/27 Javascript
vue cli4.0项目引入typescript的方法
2020/07/17 Javascript
python按照多个字符对字符串进行分割的方法
2015/03/17 Python
Django与JS交互的示例代码
2017/08/23 Python
浅谈python装饰器探究与参数的领取
2017/12/01 Python
Python中实现最小二乘法思路及实现代码
2018/01/04 Python
python进程和线程用法知识点总结
2019/05/28 Python
python3读取csv文件任意行列代码实例
2020/01/13 Python
详解HTML5.2版本带来的修改
2020/05/06 HTML / CSS
日本高端护肤品牌:Tatcha
2016/08/29 全球购物
美体小铺瑞典官方网站:The Body Shop瑞典
2018/01/27 全球购物
迪卡侬(Decathlon)加拿大官网:源自法国的运动专业超市
2020/11/22 全球购物
运动会通讯稿500字
2014/02/20 职场文书
企业宗旨标语
2014/06/10 职场文书
市场营销专业求职信
2014/06/17 职场文书
反对四风自我剖析材料
2014/10/07 职场文书
2014年学生会个人工作总结
2014/11/07 职场文书
2014年双拥工作总结
2014/11/21 职场文书
房地产销售主管岗位职责
2015/02/13 职场文书
百日宴上的祝酒词
2015/08/10 职场文书
教师教育教学随笔
2015/08/15 职场文书