input链接页面、打开新网页等等的具体实现

 更新时间:2013年12月30日 17:45:15   作者:  
input可以链接到某页、返回、打开新网页、打开无边框的新窗口等等,本文整理了一些,感兴趣的朋友可以参考下
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中逻辑运算符&&和||的返回值问题

    下面小编就为大家带来一篇老生常谈javascript中逻辑运算符&&和||的返回值问题。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-04-04
  • 用VsCode编辑TypeScript的实现方法

    用VsCode编辑TypeScript的实现方法

    这篇文章主要介绍了用VsCode编辑TypeScript的实现方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-05-05
  • JavaScript访问样式表代码

    JavaScript访问样式表代码

    在web页面中,我们经常需要通过修改样式(style)来达到更好的用户体验,需要的朋友可以参考下。
    2010-10-10
  • webpack入门必知必会

    webpack入门必知必会

    本文主要介绍了webpack入门的一些简单命令和基本配置信息,从代码拆分、打包、压缩的角度和传统的前端项目进行对比,希望以此加深大家对webpack基础知识的印象。下面跟着小编一起来看下吧
    2017-01-01
  • 深入理解JavaScript创建对象的多种方式以及优缺点

    深入理解JavaScript创建对象的多种方式以及优缺点

    本篇文章主要介绍了JavaScript创建对象的多种方式以及优缺点,主要介绍了5种方式,有兴趣的可以了解下
    2017-06-06
  • 基于js 各种排序方法和sort方法的区别(详解)

    基于js 各种排序方法和sort方法的区别(详解)

    下面小编就为大家分享一篇基于js 各种排序方法和sort方法的区别(详解),具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-01-01
  • ES6字符串和数值新增方法总结

    ES6字符串和数值新增方法总结

    ES6为js新增了很多方法,包括遍历、查询、替换等等,下面这篇文章主要给大家介绍了关于ES6字符串和数值新增方法的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-09-09
  • undefined==null引发的两者区别与联系

    undefined==null引发的两者区别与联系

    undefined==null引发的两者区别与联系
    2007-12-12
  • layui前端时间戳转化实例

    layui前端时间戳转化实例

    今天小编就为大家分享一篇layui前端时间戳转化实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-11-11
  • JS库之wow.js使用方法

    JS库之wow.js使用方法

    近日,在做项目中,需要做到滚动条滑到某个位置时,才能显示动画,网上查询到有个wow.js可以达到要求,现在把使用方法做如下总结,需要的朋友参考下吧
    2017-09-09

最新评论