JS给按钮添加跳转功能类似a标签
方法
window.location.href = "要跳转的URL";
或
window.location = "要跳转的URL";
或
location = "要跳转的URL";
示例
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>给按钮添加跳转功能【类似a标签】</title> <script type="text/javascript"> window.onload = function(){ document.getElementById("btn").onclick = function(){ // window.location.href = "https://www.baidu.com/"; // window.location = "https://www.baidu.com/"; location = "https://www.baidu.com/"; }; }; </script> </head> <body> <input id="btn" type="button" value="百度一下,你就知道" /> </body> </html>
以上所述是小编给大家介绍的JS给按钮添加跳转功能类似a标签,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!
相关推荐
-
js给网页加上背景音乐及选择音效的方法
本文实例讲述了js给网页加上背景音乐及选择音效的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <HTML> <HEAD> <TITLE>给网页加上背景音乐,选择音效功能</TITLE> <STYLE> <!--样式单 --> a{font-size:30pt;color:blue;font-family:Vineta BT} a:link{text-decoration:none;} a:hover{text-
-
js控制网页背景音乐播放与停止的方法
本文实例讲述了js控制网页背景音乐播放与停止的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml
-
JS实现按钮添加背景音乐示例代码
1-代码 <html> <head> <meta charset="utf-8"> <title>js实现按键声</title> </head> <body> <ul> <li> <a href="menu-list" rel="external nofollow" rel="external nofollow"
-
JS给按钮添加跳转功能类似a标签
方法 window.location.href = "要跳转的URL"; 或 window.location = "要跳转的URL"; 或 location = "要跳转的URL"; 示例 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>给按钮添加跳转功能[类似a标签]</title&g
-
浅谈react.js 之 批量添加与删除功能
最近做的CMS需要用到批量添加图片的功能:在添加文件的容器盒子内,有两个内容,分别是:添加按钮与被添加的选择文件组件. 结构分析: 被添加的组件,我们称为:UploadQiNiuFiles(七牛文件上传组件),含一个删除当前组件的删除按钮 添加按钮的事件 被添加组件存放的容器 做这个效果只需要明白三个方法的用途就OK: 直接绑定要删除组件的 deleteType(),它是调用删除index数量的方法 removeContent() //删除{qiniu}与{deleteQiNiu}内容,是把
-
js实现select跳转功能代码
js简单实现select跳转功能:代码如下 <!DOCTYPE html> <html> <head> <title></title> </head> <body> <div class="selectBox"> <select class="toSlt"> <option href="http://jichuang.gongchang.cn/
-
vue 实现列表跳转至详情且能添加至购物车功能
目录 效果概述: 具体效果: 实现后效果图: 大致代码思路 main.js 代码 移动端rem适配代码 解决跨域问题,在vue.config.js里添加代码 实现路由跳转页代码 app根组件代码 效果列表页代码 详情页代码 购物车页面代码 vuex页面代码 效果概述: 列表页面显示数据,点击跳转到对应的详情页,详情页可以添加并跳转到购物车,购物车具有常见功能. 具体效果: 1.所有页面根据效果图100%还原.2.列表页面通过axios请求拿到数据并显示.3.跳转到详情页时,显示对应列表的数据.4
-
JS+HTML实现自定义上传图片按钮并显示图片功能的方法分析
本文实例讲述了JS+HTML实现自定义上传图片按钮并显示图片功能的方法.分享给大家供大家参考,具体如下: 在web开发中,上传文件功能通过type为file的input标签即可实现.但input的显示效果仅为一个按钮,且不能修改UI.如果要实现自定义上传按钮,一般需要设置input为不可见,然后将input与自定义界面放在同一个div中,并将input铺在界面上方: <!DOCTYPE html> <html> <head> <meta http-equiv=&q
-
JS实现按钮控制计时开始和停止功能
下面给大家分享一段实例代码关于JS实现按钮控制计时开始和停止功能,具体代码如下所示: <span style="font-size:18px;"><body> 小闹钟: <span id="nz"></span> <input type="button" value="开始计时" onclick="nzbg(this)"> <input ty
-
JS模拟按钮点击功能的方法
本文实例讲述了JS模拟按钮点击功能的方法.分享给大家供大家参考,具体如下: <html> <head> <title>usually function</title> </head> <script> function load(){ //下面两种方法效果是一样的 document.getElementById("target").onclick(); document.getElementById("t
-
require.js与bootstrap结合实现简单的页面登录和页面跳转功能
小颖的这个demo其实很简单的,大家一起来先来看看页面效果图: 目录: 代码: inde.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>require.j
-
如何给Android中的按钮添加图片功能
在layout中建一个my_login.xml文件 代码如下 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:Android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="
随机推荐
- 详细分析css float 属性以及position:absolute 的区别
- 手机移动端实现 jquery和HTML5 Canvas的幸运大奖盘特效
- Ext JS 4实现带week(星期)的日期选择控件(实战一)
- iOS实现二维码的扫描功能
- perl 删除数组元素的几种方法小结
- php实现统计邮件大小的方法
- centos 设置定时任务执行指定脚本的方法
- Visual C++中Tab View的多种实现方法
- BootStrap的两种模态框方式
- php中的Base62类(适用于数值转字符串)
- Python字符串匹配算法KMP实例
- 一些有用的sql语句整理 推荐收藏
- CentOS下搭建Sendmail邮件服务器步骤详解
- java支付宝即时到帐提交订单功能
- Java8时间日期库中的常用使用示例
- Kotlin教程之函数和包的定义和流程控制
- 基于Bootstrap table组件实现多层表头的实例代码
- 实例讲解PHP设计模式编程中的简单工厂模式
- C++利用链表写一个简单的栈实例详解
- JavaScript实现的文本框placeholder提示文字功能示例