`
wangpeihu
  • 浏览: 5038 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

button/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://hi.baidu.com/harryxue'" />

6.打开无边框的新窗口同时指向另一页
<input type="button" name="Submit2" value="确 定" class="btn" onclick="javascript:window.open('http://hi.baidu.com/harryxue','','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;" >

 

分享到:
评论

相关推荐

    button_input_dev.rar_input_dev

    7. **设备节点和udev**:在Linux系统中,每个输入设备都会有一个对应的设备节点,如/dev/input/eventX。udev管理这些设备节点,根据设备属性动态创建和更新,使得用户可以方便地访问和控制输入设备。 8. **编程实践...

    wux-weapp-master.zip

    "wux-button": "../../dist/button/index" } 在 page.wxml 中使用组件 &lt;wux-button size="small"&gt;Button&lt;/wux-button&gt; &lt;wux-button size="default"&gt;Button&lt;/wux-button&gt; &lt;wux-button size="large"&gt;Button&lt;/wux...

    js中动态加载div/input....

    "js中动态加载div/input..."这个标题暗示我们将讨论如何使用JavaScript来动态地创建和添加`div`和`input`这样的HTML元素到页面中。描述中的“点击按钮,动态加载”则告诉我们这些操作通常与用户交互,如点击按钮事件...

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

    本文将深入探讨如何利用`&lt;input&gt;`元素来实现链接页面、打开新窗口以及一些增强用户体验的功能。 1. **链接到某页**: 当你希望点击一个按钮直接跳转到另一个页面时,可以使用`onclick`事件配合`location.href`属性...

    用css把a链接模拟成button的样子的方法

    ### 使用CSS将A链接模拟为Button样式的方法 在网页设计中,经常需要让普通的超链接(`&lt;a&gt;`标签)看起来像按钮一样,这样可以增强用户体验,并使界面更加美观、一致。通过使用CSS,我们可以轻松地实现这一效果。本文...

    button和input type=button的区别及注意事项

    在JavaScript交互中,`&lt;button&gt;`的`value`属性与`&lt;input type="button"&gt;`的处理方式也不同。例如,通过`$('#customBtn').val()`在IE浏览器下获取的是按钮内部的文本,而在非IE浏览器中则是`value`属性的值。如果要跨...

    android 自定义各种风格button

    此外,我们还可以自定义Button的文字样式,包括字体大小、颜色、对齐方式等,以及添加内边距和外边距以改变Button的整体布局效果。例如: ```xml &lt;Button android:layout_width="wrap_content" android:layout_...

    IE6/7下多种方法移除button、input 默认边框和去掉焦点线

    一、去掉边框: ...通常解决这样的bug最好的方法就是在button和input的标签外添加一个标签,然后将样式写在这个标签上,并且把button和input的默认样式都去除掉。 实现方式一:设置CSS: 复制代码

    解决layui的input独占一行的问题

    1. 如果希望input和button能够同行显示,可以通过设置CSS样式来改变它们的布局行为。一种方法是对button元素应用position属性进行绝对定位,使其脱离正常的文档流,从而能够放在与input相同的行上。需要注意的是,...

    Linux设备模型之input子系统详解

    #include &lt;linux/input.h&gt; #include &lt;linux/module.h&gt; #include &lt;linux/init.h&gt; #include &lt;asm/irq.h&gt; #include &lt;asm/io.h&gt; static void button_interrupt(int irq, void *dummy, struct pt_regs *fp) { input_...

    html实现的几款button效果

    HTML5允许我们在`&lt;button&gt;`标签内部包含HTML内容,如图标或链接: ```html &lt;button&gt;&lt;i class="fa fa-heart"&gt;&lt;/i&gt; 点赞&lt;/button&gt; ``` 同时,可以使用CSS定义按钮的边框、填充、阴影等样式: ```css button { border:...

    BUTTON和INPUT的区别

    ### BUTTON和INPUT的区别 在网页开发中,`&lt;button&gt;` 和 `&lt;input&gt;` 是两种常见的用于创建用户交互元素的HTML标签。尽管它们都能实现按钮的功能,但在实际应用中却有着本质的区别。 #### HTML4.01规范中的表单控件 ...

    web开发中常用的input事件汇总

    &lt;INPUT onclick="document.all.WebBrowser.ExecWB(1,1)" type="button" value="打开" name="Button1"&gt; ``` 此代码片段用于打开当前网页。`ExecWB()`方法通常用于IE浏览器中,第一个参数表示操作类型(如`1`表示打开...

    用jquery设置按钮的disabled属性的实现代码

    input type=’button’ id=’test’ value=’disabled’&gt; 在jquery中可以使用attr()函数修改按钮的disable属性 $(“#test”).attr(‘disabled’,false); jquery 控制button的disabled属性 代码如下: $(‘#button...

    Android Input子系统

    在Linux内核2.6.25版本中,输入子系统的核心代码位于`kernel/2.6.25/drivers/input`目录下。通过分析一个简单的例子,我们可以了解输入子系统的基本工作流程。这个例子是一个简单的按钮驱动模块,它注册了一个中断...

    input error 下划线

    当用户在这些输入框中输入数据时,如果数据无效或者不符合预设的验证规则(如电子邮件格式不正确、必填项为空等),我们需要有一种方式来标识出这个错误。 错误状态的表示通常是通过添加额外的CSS类来实现的。例如...

    微信小程序点击按钮动态切换input的disabled禁用/启用状态功能

    点击编辑按钮时,文字切换成“保存”,身份证input保持始终不可修改状态(即禁用), 姓名input可以修改(即动态加载切换禁用/启用); 3.再次点击按钮文字切回“编辑”,所有input变为禁用状态。 以下是wxml部分 ...

    Linux Input子系统分析.pdf

    input_report_key(button_dev, BTN_0, inb(BUTTON_PORT) & 1); input_sync(button_dev); return IRQ_HANDLED; } ``` `button_interrupt`函数是按键中断的处理函数。它首先调用`input_report_key()`函数来报告...

Global site tag (gtag.js) - Google Analytics