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 年会抽奖程序
Dec 22 Javascript
关于JS字符串函数String.replace()
Apr 07 Javascript
jQuery插件EasyUI实现Layout框架页面中弹出窗体到最顶层效果(穿越iframe)
Aug 05 Javascript
BooStrap对导航条的改造实践小结
Sep 21 Javascript
jQuery中弹出iframe内嵌页面元素到父页面并全屏化的实例代码
Dec 27 Javascript
微信小程序 登录的简单实现
Apr 19 Javascript
ES6学习笔记之正则表达式和字符串正则方法分析
Apr 25 Javascript
详解使用Node.js 将txt文件转为Excel文件
Jul 05 Javascript
JS中超越现实的匿名函数用法实例分析
Jun 21 Javascript
vue-cli配置flexible过程详解
Jul 04 Javascript
JQuery获得内容和属性方法解析
May 30 jQuery
如何在现代JavaScript中编写异步任务
Jan 31 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 smarty 二级分类代码和模版循环例子
2011/06/16 PHP
PHP编程函数安全篇
2013/01/08 PHP
使用PHP实现生成HTML静态页面
2015/11/18 PHP
php实现和c#一致的DES加密解密实例
2017/07/24 PHP
PHP实现时间比较和时间差计算的方法示例
2017/07/24 PHP
PHP设计模式之模板模式定义与用法详解
2018/12/20 PHP
浅谈php调用python文件
2019/03/29 PHP
Javascript 面向对象 命名空间
2010/05/13 Javascript
将中国标准时间转换成标准格式的代码
2014/03/20 Javascript
JavaScript数字和字符串转换示例
2014/03/26 Javascript
javascript实现连续赋值
2015/08/10 Javascript
jQuery Timelinr实现垂直水平时间轴插件(附源码下载)
2016/02/16 Javascript
jQuery easyUI datagrid 增加求和统计行的实现代码
2016/06/01 Javascript
javascript实现简单的on事件绑定
2016/08/23 Javascript
jquery实现焦点轮播效果
2017/02/23 Javascript
最基础的vue.js双向绑定操作
2017/08/23 Javascript
AngularJS双向数据绑定原理之$watch、$apply和$digest的应用
2018/01/30 Javascript
浅谈vue项目如何打包扔向服务器
2018/05/08 Javascript
vue实现类似淘宝商品评价页面星级评价及上传多张图片功能
2018/10/29 Javascript
layui--js控制switch的切换方法
2019/09/03 Javascript
关于vue组件事件属性穿透详解
2019/10/28 Javascript
Vue解析剪切板图片并实现发送功能
2020/02/04 Javascript
深入了解Vue.js 混入(mixins)
2020/07/23 Javascript
Python实现子类调用父类的方法
2014/11/10 Python
十分钟利用Python制作属于你自己的个性logo
2018/05/07 Python
为何人工智能(AI)首选Python?读完这篇文章你就知道了(推荐)
2019/04/06 Python
详解如何从TensorFlow的mnist数据集导出手写体数字图片
2019/08/05 Python
python3实现绘制二维点图
2019/12/04 Python
在python3.64中安装pyinstaller库的方法步骤
2020/06/02 Python
学习python需要有编程基础吗
2020/06/02 Python
工作岗位说明书模板
2014/05/09 职场文书
学习党的群众路线对照检查材料
2014/09/29 职场文书
2015年妇幼保健工作总结
2015/05/19 职场文书
简单且有用的Python数据分析和机器学习代码
2021/07/02 Python
图文详解matlab原始处理图像几何变换
2021/07/09 Python
Appium中scroll和drag_and_drop根据元素位置滑动
2022/02/15 Python