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 触发a链接点击事件解决方案
May 02 Javascript
JavaScript实现维吉尼亚(Vigenere)密码算法实例
Nov 22 Javascript
javascript中的return和闭包函数浅析
Jun 06 Javascript
基于jQuery实现的仿百度首页滑动选项卡效果代码
Nov 16 Javascript
jquery遍历json对象集合详解
May 18 Javascript
jQuery实现智能判断固定导航条或侧边栏的方法
Sep 04 Javascript
JavaScript实现清空(重置)文件类型INPUT元素值的方法
Nov 17 Javascript
详解使用jQuery.i18n.properties实现js国际化
May 04 jQuery
详解mpvue scroll-view自动回弹bug解决方案
Oct 01 Javascript
微信小程序云开发实现云数据库读写权限
May 17 Javascript
详解element-ui表格中勾选checkbox,高亮当前行
Sep 02 Javascript
实现一个Vue自定义指令懒加载的方法示例
Jun 04 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 Memcached应用实现代码
2010/02/08 PHP
php数据库连接时容易出错的特殊符号问题
2010/09/01 PHP
无需重新编译php加入ftp扩展的解决方法
2013/02/07 PHP
[原创]php逐行读取txt文件写入数组的方法
2015/07/02 PHP
PHP实现登录注册之BootStrap表单功能
2017/09/03 PHP
动态调用css文件——jquery的应用
2007/02/20 Javascript
通过DOM脚本去设置样式信息
2010/09/19 Javascript
多种方法实现360浏览器下禁止自动填写用户名密码
2014/06/16 Javascript
setTimeout()递归调用不加引号出错的解决方法
2014/09/05 Javascript
JavaScript中的异常捕捉介绍
2014/12/31 Javascript
深入理解JavaScript程序中内存泄漏
2016/03/17 Javascript
vue.js中引入vuex储存接口数据及调用的详细流程
2017/12/14 Javascript
浅谈Fetch 数据交互方式
2018/12/20 Javascript
JS实现将对象转化为数组的方法分析
2019/01/21 Javascript
微信小程序中显示倒计时代码实例
2019/05/09 Javascript
微信小程序 云开发模糊查询实现解析
2019/09/02 Javascript
TypeScript高级用法的知识点汇总
2019/12/17 Javascript
[01:09:24]Ti4开幕式
2014/07/19 DOTA
python高手之路python处理excel文件(方法汇总)
2016/01/07 Python
详谈python3 numpy-loadtxt的编码问题
2018/04/29 Python
python3使用smtplib实现发送邮件功能
2018/05/22 Python
python使用 cx_Oracle 模块进行查询操作示例
2019/11/28 Python
python实现简单井字棋游戏
2020/03/04 Python
python 链接sqlserver 写接口实例
2020/03/11 Python
selenium WebDriverWait类等待机制的实现
2020/03/18 Python
用python按照图像灰度值统计并筛选图片的操作(PIL,shutil,os)
2020/06/04 Python
HTML5 Canvas实现文本对齐的方法总结
2016/03/24 HTML / CSS
JNI的定义
2012/11/25 面试题
应届生学校辅导员求职信
2013/11/07 职场文书
军训 自我鉴定
2014/02/03 职场文书
大二法学专业职业生涯规划范文
2014/02/12 职场文书
物业管理专业求职信
2014/06/11 职场文书
公安机关起诉意见书
2015/05/20 职场文书
回复函格式及范文
2015/07/14 职场文书
导游词之江苏同里古镇
2019/11/18 职场文书
Docker容器harbor私有仓库部署和管理
2022/08/05 Servers