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 相关文章推荐
获取HTML DOM节点元素的方法的总结
Aug 21 Javascript
js跨浏览器实现将字符串转化为xml对象的方法
Sep 25 Javascript
js格式化时间小结
Nov 03 Javascript
js实现双击图片放大单击缩小的方法
Feb 17 Javascript
JavaScript中的toLocaleDateString()方法使用简介
Jun 12 Javascript
Extjs实现下拉菜单效果
Apr 01 Javascript
响应式表格之固定表头的简单实现
Aug 26 Javascript
Bootstrap缩略图的创建方法
Mar 22 Javascript
angular中不同的组件间传值与通信的方法
Nov 04 Javascript
vue路由传参页面刷新参数丢失问题解决方案
Oct 08 Javascript
如何使用JS console.log()技巧提高工作效率
Oct 14 Javascript
Javascript中async与await的捕捉错误详解
Mar 03 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
使用数据库保存session的方法
2006/10/09 PHP
php函数之子字符串替换&amp;#65279; str_replace
2011/03/23 PHP
php提示undefined index的几种解决方法
2012/05/21 PHP
PHP判断是否有Get参数的方法
2014/05/05 PHP
PHP 获取ip地址代码汇总
2015/07/05 PHP
Laravel中注册Facades的步骤详解
2016/03/16 PHP
PHP 计算两个特别大的整数实例代码
2018/05/07 PHP
让innerHTML的脚本也可以运行起来
2006/07/01 Javascript
如何在标题栏显示框架内页面的标题
2007/02/03 Javascript
javascript使用中为什么10..toString()正常而10.toString()出错呢
2013/01/11 Javascript
JQuery中操作Css样式的方法
2014/02/12 Javascript
jQuery中eq()方法用法实例
2015/01/05 Javascript
如何使用jquery easyui创建标签组件
2015/11/18 Javascript
javascript获取select标签选中的值
2016/06/04 Javascript
使用伪命名空间封装保护独自创建的对象方法
2016/08/04 Javascript
微信小程序 textarea 组件详解及简单实例
2017/01/10 Javascript
JavaScript自定义文本框光标
2017/03/05 Javascript
详解Vue打包优化之code spliting
2018/04/09 Javascript
vue通过点击事件读取音频文件的方法
2018/05/30 Javascript
使用 Angular RouteReuseStrategy 缓存(路由)组件的实例代码
2019/11/01 Javascript
[02:34]2016完美“圣”典风云人物:BurNIng专访
2016/12/10 DOTA
Python实现把回车符\r\n转换成\n
2015/04/23 Python
Python连接Redis的基本配置方法
2018/09/13 Python
浅谈Python采集网页时正则表达式匹配换行符的问题
2018/12/20 Python
Python数据类型之Number数字操作实例详解
2019/05/08 Python
Python 面向对象部分知识点小结
2020/03/09 Python
django queryset相加和筛选教程
2020/05/18 Python
python如何提升爬虫效率
2020/09/27 Python
HTML5 Canvas画线技巧——实现绘制一个像素宽的细线
2013/08/02 HTML / CSS
Ann Taylor官方网站:美国最大的女性产品制造商之一
2016/09/14 全球购物
请问如下代码执行后a和b的值分别是什么
2016/05/05 面试题
yy婚礼主持词
2014/03/14 职场文书
开门红主持词
2014/04/02 职场文书
邹越感恩父母演讲稿
2014/08/28 职场文书
文明礼貌主题班会
2015/08/14 职场文书
python 使用Tensorflow训练BP神经网络实现鸢尾花分类
2021/05/12 Python