`
liujun11
  • 浏览: 21155 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

html 按钮跳转方法

 
阅读更多

1.点击一个按钮跳转到另一个页面 (网址)   两种写法:

<button onclick="{location.href='location.html'}">获取现在的位置</button>

<input type="button" value="go" onclick="location.href='http://liujun11.iteye.com">

 这里说一下onclick的用法:

onclick="javascript:window.location.href='URL'"

onclick="location='URL'"

onclick="window.location.href='URL?id=11'"

 用的时候修改URL即可。

2..如果想弹出一个确认框之后再跳转  

在我们用过的一些网页上肯定会有提示你的操作,举个不恰当的例子,例如刷新一些页面会提示你,是否确认刷新,刷新可能会造成数据的丢失。

直接加代码 if(confirm('确定跳转?')) 

<button onclick="{ if(confirm('确定跳转?'))location.href='body/location.html'}">获取现在的位置</button>

<input type="button" value="go" onclick="if(confirm('确定跳转?')){location.href='

http://liujun11.iteye.com'}">

 3.打开网页时自动触发按钮的单击事件

这个只需要在<body>中添加onload="abc()"的属性就行了

<head>
                        <script type="text/javascript">
                               function abc(){
                                   alert("onload");
                                                    }
                       </script>
                     </head>
                        <body onload="abc()">
                        </body>

 

这里还有一点得值得提一下

button 和 submit 的区别!!!!

 type=button 就单纯是按钮功能 ,如果你不写javascript 的话,按下去什么也不会发生。
 type=submit 是发送表单,这样的按钮用户点击之后会自动提交 form,除非你写了javascript 阻止它。

 

分享到:
评论

相关推荐

    android webview中html页面点击按钮跳转到activity

    当我们需要在Webview中实现HTML页面与原生Android应用的交互时,例如点击HTML按钮跳转到一个新的Activity,就需要利用到JavaScript接口和Android的WebViewClient。下面我们将详细探讨这一过程。 首先,我们需要在...

    ASP单选按钮实现页面跳转并传值

    ASP单选按钮实现页面跳转并传值 在 ASP 编程中,实现单选按钮的页面跳转并传值是非常常见的需求。下面,我们将详细介绍如何使用 ASP 实现单选按钮的页面跳转并传值。 首先,让我们了解一下单选按钮的基本概念。在 ...

    js 特效 html 特效 点击按钮后延迟跳转

    js 特效 html 特效 点击按钮后延迟跳转 js 特效 html 特效 点击按钮后延迟跳转

    HTML网页跳转微信添加好友/点击自动复制微信号一键跳转到微信

    HTML网页跳转微信添加好友和点击自动复制微信号的功能,是一种结合了网页交互和移动应用的交互方式,主要用于提升用户体验和实现快速引流。这种技术在互联网营销、社交媒体推广以及线上服务中有着广泛的应用。 首先...

    webview+html跳转activity

    在这个主题“webview+html跳转activity”中,我们将探讨如何在WebView中加载HTML,并通过JavaScript或特定的交互机制来触发Android Activity的跳转。 1. **WebView基本使用** - 首先,在布局XML文件中添加WebView...

    点击按钮后延迟跳转、jQuery实现

    有时候,我们希望用户在点击按钮后,不是立即跳转到新页面,而是稍作延迟,给用户一个反馈确认的过程,或者允许他们取消操作。这就是"点击按钮后延迟跳转"的场景。在本教程中,我们将探讨如何使用JavaScript库jQuery...

    HTML5精美提交跳转案例

    如果验证通过,可以使用JavaScript的`window.location.href`或`location.replace()`方法进行页面跳转。 在“LoginRegistrationForm”这个子文件中,我们可能看到一个登录注册的综合表单,其中可能包括用户名、密码...

    通过按钮实现网页跳转

    首先,我们需要在HTML中创建一个按钮元素,这将作为用户触发跳转操作的界面组件。例如: ```html 点击跳转 ``` 接下来,我们将在JavaScript中添加事件监听器,当用户点击按钮时,执行相应的跳转逻辑。这里我们使用...

    html5 css3圆形进度条倒计时页面跳转代码

    在这个“html5 css3圆形进度条倒计时页面跳转代码”项目中,我们可以看到这两者如何结合,创造出动态且吸引用户的界面效果。 首先,HTML5的新特性允许开发者创建更加结构化的网页元素,例如`&lt;article&gt;`、`&lt;section&gt;...

    javascript跳转页面方法

    ### JavaScript 页面跳转方法详解 #### 一、概述 JavaScript 是一种广泛应用于网页开发中的脚本语言,可以实现丰富的交互效果。其中,页面跳转是前端开发中非常基础且重要的功能之一。根据提供的文件信息,我们...

    H5网页跳转小程序之微信开放标签、wx-open-launch-weapp按钮不显示、noPermissionJsApi

    用于页面中提供一个可跳转指定小程序的按钮。使用此标签后,用户需在网页内点击标签按钮方可跳转小程序; 3、确保你的网页中引入了微信提供的JavaScript SDK,一定要是...

    Python flask框架实现浏览器点击自定义跳转页面

    代码如下 _init_.py from flask import ... return render_template('index.html') @app.route('/cool_form', methods=['GET', 'POST']) def cool_form(): if request.method == 'POST': # do stuff when the for

    HTML代码,按钮做超链接

    在这个例子中,`event.preventDefault()`方法阻止了按钮的默认提交行为,而`window.location.href`则用于改变当前窗口的URL,实现了点击按钮跳转到指定页面的效果。 总之,HTML的`&lt;button&gt;`和`&lt;a&gt;`标签结合使用,...

    HTML输入密码自定义跳转页面源码

    例如,可能会定义输入框的边框、背景色、提示文本的样式,以及按钮的外观等。 `img`目录可能包含用于页面装饰或指示性的图像文件,如图标或背景图片。在HTML中,这些图像可以通过`&lt;img&gt;`标签引用,利用`src`属性...

    HTML简单仿某社区网站跳转安全提醒单页模板

    这个模板可能是模仿某个社区网站的跳转安全提醒页面,可能包含标题、正文、按钮等元素,设计时需要考虑易读性和一致性,确保用户能快速理解并遵循提示。 3. **安全提醒**:在网页中设置安全提醒是保护用户的重要...

    点击GO按钮的下拉菜单页面跳转

    这个功能使得用户在下拉菜单中选择一个选项后,不是立即跳转,而是需要额外点击“GO”按钮来确认并执行跳转操作。这种设计增加了一层确认,避免了用户意外触发页面跳转,提供了更好的用户体验。 首先,我们要理解...

    js点击button按钮跳转到另一个新页面

    在网页开发过程中,实现点击按钮跳转到另一个页面是一个常见的需求。这可以通过JavaScript来实现,因为JavaScript提供了一种机制,可以不刷新当前页面的情况下,通过编程实现页面的跳转。下面详细地介绍如何使用...

    js跳转页面方法,JS跳转页面参考代码

    JS 跳转页面方法和参考代码 JS 跳转页面方法是指使用 JavaScript 实现页面跳转的方法,这些方法可以在 Web 开发中广泛应用。下面将对 JS 跳转页面方法进行详细的介绍和分析,并提供相应的参考代码。 JS 跳转页面...

    HTML按钮制作工具

    HTML按钮制作工具,如"Agama Web Buttons",是网页设计者和开发者的重要辅助软件,尤其对于那些不熟悉代码但需要创建美观、个性化按钮的人来说,它提供了极大的便利。这款工具内置了汉化版本,使得非英语用户也能...

    页面跳转

    在描述中提到的博客链接(由于实际链接无法访问,此处仅作为示例说明)可能详细讲解了这些页面跳转方法的使用、优缺点以及在实际项目中的应用。博客作者可能还讨论了如何处理页面跳转时的数据传递,比如使用URL参数...

Global site tag (gtag.js) - Google Analytics