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 对话框和状态栏使用说明
Oct 25 Javascript
关于flash遮盖div浮动层的解决方法
Jul 17 Javascript
jQuery div层的放大与缩小简单实现代码
Mar 28 Javascript
js取消单选按钮选中并判断对象是否为空
Nov 14 Javascript
jquery清空表单数据示例分享
Feb 13 Javascript
jquery+ajax实现跨域请求的方法
Jan 20 Javascript
解决JavaScript数字精度丢失问题的方法
Dec 03 Javascript
利用D3.js实现最简单的柱状图示例代码
Dec 09 Javascript
jQuery插件zTree实现获取一级节点数据的方法
Mar 08 Javascript
Vue.js学习教程之列表渲染详解
May 17 Javascript
vue实现移动端图片上传功能
Dec 23 Javascript
详解Vue的异步更新实现原理
Dec 22 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
php代码收集表单内容并写入文件的代码
2012/01/29 PHP
浅析php中三个等号(===)和两个等号(==)的区别
2013/08/06 PHP
php递归获取目录内文件(包含子目录)封装类分享
2013/12/25 PHP
支付宝服务窗API接口开发php版本
2016/07/20 PHP
Laravel框架模板加载,分配变量及简单路由功能示例
2018/06/11 PHP
jquery蒙版控件实现代码
2010/12/08 Javascript
js怎么终止程序return不行换jfslk
2013/05/30 Javascript
高效的获取当前元素是父元素的第几个子元素
2013/10/15 Javascript
动态的创建一个元素createElement及删除一个元素
2014/01/24 Javascript
jquery弹窗插件colorbox绑定动态生成元素的方法
2014/06/20 Javascript
jQuery支持动态参数将函数绑定到事件上的方法
2015/03/17 Javascript
JavaScript检测并限制复选框选中个数的方法
2015/08/12 Javascript
AngularJS中指令的四种基本形式实例分析
2016/11/22 Javascript
canvas实现图像放大镜
2017/02/06 Javascript
layer弹出层框架alert与msg详解
2017/03/14 Javascript
Angular2自定义分页组件
2017/04/19 Javascript
vue实现动态数据绑定
2017/04/28 Javascript
JS实现全屏预览F11功能的示例代码
2018/07/23 Javascript
vue实现点击按钮下载文件功能
2019/10/11 Javascript
基于javascript实现贪吃蛇小游戏
2019/11/25 Javascript
JS实现时间校验的代码
2020/05/25 Javascript
Python yield 小结和实例
2014/04/25 Python
django初始化数据库的实例
2018/05/27 Python
python+selenium打印当前页面的titl和url方法
2018/06/22 Python
Python猜数字算法题详解
2020/03/01 Python
windows、linux下打包Python3程序详细方法
2020/03/17 Python
Python matplotlib绘制图形实例(包括点,曲线,注释和箭头)
2020/04/17 Python
华为俄罗斯官方网上商城:购买Huawei手机和平板
2017/04/21 全球购物
软件测试面试题
2014/01/05 面试题
个人简历中的自我评价范例
2013/10/29 职场文书
企业法人代表授权委托书
2014/10/02 职场文书
2015年社区中秋节活动总结
2015/03/23 职场文书
结婚幸福感言
2015/08/01 职场文书
Python爬虫之用Xpath获取关键标签实现自动评论盖楼抽奖(二)
2021/06/07 Python
React 高阶组件HOC用法归纳
2021/06/13 Javascript
如何用vue实现网页截图你知道吗
2021/11/17 Vue.js