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 相关文章推荐
jQuery插件实现表格隔行换色且感应鼠标高亮行变色
Sep 22 Javascript
jquery给图片添加鼠标经过时的边框效果
Nov 12 Javascript
JavaScript通过function定义对象并给对象添加toString()方法实例分析
Mar 23 Javascript
可以浮动某个物体的jquery控件用法实例
Jul 24 Javascript
JS查找字符串中出现最多的字符及个数统计
Feb 04 Javascript
Node.js获取前端ajax提交的request信息
Feb 20 Javascript
基于JS实现bookstore静态页面的实例代码
Feb 22 Javascript
Map.vue基于百度地图组件重构笔记分享
Apr 17 Javascript
基于node.js express mvc轻量级框架实践
Sep 14 Javascript
防止页面url缓存中ajax中post请求的处理方法
Oct 10 Javascript
微信小程序如何引用外部js,外部样式,公共页面模板
Jul 23 Javascript
vue-cli和v-charts实现可视化图表过程解析
Oct 08 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
网页游戏开发入门教程二(游戏模式+系统)
2009/11/02 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(二)
2014/06/23 PHP
php实现cookie加密的方法
2015/03/10 PHP
Zend Framework过滤器Zend_Filter用法详解
2016/12/09 PHP
jQuery.buildFragment使用方法及思路分析
2013/01/07 Javascript
JavaScript三元运算符的多种使用技巧
2015/04/16 Javascript
js获取form的方法
2015/05/06 Javascript
使用ngView配合AngularJS应用实现动画效果的方法
2015/06/19 Javascript
2016年最热门的15 款代码语法高亮工具,美化你的代码
2016/01/06 Javascript
jQuery unbind()方法实例详解
2016/01/19 Javascript
jquery根据td给相同tr下其他td赋值的实现方法
2016/10/05 Javascript
js实现下拉框效果(select)
2017/03/28 Javascript
作为老司机使用 React 总结的 11 个经验教训
2017/04/08 Javascript
vuejs选中当前样式active的实例
2018/08/22 Javascript
用jQuery将JavaScript对象转换为querystring查询字符串的方法
2018/11/12 jQuery
微信小程序扫描二维码获取信息实例详解
2019/05/07 Javascript
在vue中利用全局路由钩子给url统一添加公共参数的例子
2019/11/01 Javascript
JS document对象简单用法完整示例
2020/01/14 Javascript
简单了解Vue computed属性及watch区别
2020/07/10 Javascript
详解JavaScript 事件流
2020/09/02 Javascript
[27:02]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS LGD第三场
2014/05/24 DOTA
Python易忽视知识点小结
2015/05/25 Python
创建pycharm的自定义python模板方法
2018/05/23 Python
Django实现表单验证
2018/09/08 Python
pycharm中如何自定义设置通过“ctrl+滚轮”进行放大和缩小实现方法
2020/09/16 Python
css3.0 图形构成实例练习一
2013/03/19 HTML / CSS
结合CSS3的新特性来总结垂直居中的实现方法
2016/05/30 HTML / CSS
豪华床上用品、床单和浴室必需品:Peacock Alley
2019/09/04 全球购物
公司营业员的自我评价
2014/03/04 职场文书
关于教师节的演讲稿
2014/09/04 职场文书
党的生日演讲稿
2014/09/10 职场文书
2014年仓库工作总结
2014/11/20 职场文书
蜗居观后感
2015/06/11 职场文书
漫画「处刑少女的生存之道」第3卷封面公开
2022/03/21 日漫
vue中data里面的数据相互使用方式
2022/06/05 Vue.js