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 相关文章推荐
(仅IE下有效)关于checkbox 三态
May 12 Javascript
jQuery Ajax之load()方法
Oct 12 Javascript
javascript实现的像java、c#之类的sleep暂停的函数代码
Mar 04 Javascript
JQuery通过Ajax提交表单并返回结果
Jul 31 Javascript
基于jquery animate操作css样式属性小结
Nov 27 Javascript
Javascript中函数名.length属性用法分析(对比arguments.length)
Sep 16 Javascript
Bootstrap表单使用方法详解
Feb 17 Javascript
Vuejs 组件——props数据传递的实例代码
Mar 07 Javascript
vue 项目打包通过命令修改 vue-router 模式 修改 API 接口前缀
Jun 13 Javascript
深入浅析Vue全局组件与局部组件的区别
Jun 15 Javascript
React手稿之 React-Saga的详解
Nov 12 Javascript
layui 弹出删除确认界面的实例
Sep 06 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
地球防卫队:陪着奥特曼打小怪兽的人类力量 那些经典队服
2020/03/08 日漫
PHP写入WRITE编码为UTF8的文件的实现代码
2008/07/07 PHP
php 无限级数据JSON格式及JS解析
2010/07/17 PHP
PHP flush()与ob_flush()的区别详解
2013/06/03 PHP
PHP如何将XML转成数组
2016/04/04 PHP
PHP简单实现上一页下一页功能示例
2016/09/14 PHP
PHP 传输会话curl函数的实例详解
2017/09/12 PHP
PHP预定义超全局数组变量小结
2018/08/20 PHP
PHP中的自动加载操作实现方法详解
2019/08/06 PHP
硬盘浏览程序,保存成网页格式便可使用
2006/12/03 Javascript
THREE.JS入门教程(5)你应当知道的十件事
2013/01/24 Javascript
jquery实现table鼠标经过变色代码
2013/09/25 Javascript
一个js导致的jquery失效问题的解决方法
2013/11/27 Javascript
jquery重复提交请求的原因浅析
2014/05/23 Javascript
容易造成JavaScript内存泄露几个方面
2014/09/04 Javascript
JavaScript实现仿淘宝商品购买数量的增减效果
2016/01/22 Javascript
JavaScript中浅讲ajax图文详解
2016/11/11 Javascript
详解利用Angular实现多团队模块化SPA开发框架
2017/11/27 Javascript
vue多页面开发和打包正确处理方法
2018/04/20 Javascript
解决vue项目打包后提示图片文件路径错误的问题
2018/07/04 Javascript
bootstrap-table formatter 使用vue组件的方法
2019/05/09 Javascript
在Python中处理字符串之isdecimal()方法的使用
2015/05/20 Python
Python实现随机生成有效手机号码及身份证功能示例
2017/06/05 Python
python opencv根据颜色进行目标检测的方法示例
2020/01/15 Python
浅谈selenium如何应对网页内容需要鼠标滚动加载的问题
2020/03/14 Python
《李时珍夜宿古寺》教学反思
2014/04/09 职场文书
实习公司领导推荐函
2014/05/21 职场文书
2014年教师党员自我评议
2014/09/19 职场文书
软弱涣散基层党组织整改方案
2014/10/25 职场文书
2014年体检中心工作总结
2014/12/23 职场文书
暑期工社会实践报告
2015/07/13 职场文书
信息技术教研组工作总结
2015/08/13 职场文书
CSS完成视差滚动效果
2021/04/27 HTML / CSS
SQL Server内存机制浅探
2022/04/06 SQL Server
Spring Data JPA框架的核心概念和Repository接口
2022/04/28 Java/Android
MySQL 执行数据库更新update操作的时候数据库卡死了
2022/05/02 MySQL