html页面跳转

// 将js直接写在html中
<button onclick="window.location.href='https://www.baidu.com'">点击跳转</button>


//将js和html分开
<button class="click_btn">点击跳转</button>
<script>
    var myBtn=document.getElementsByClassName('click_btn')[0];
    myBtn.onclick=function(){
        window.location.href="https://www.baidu.com";
    }
</script>
//需要注意的是,这里的window可以省略,即直接使用location.href
<button onclick="location.href='https://www.baidu.com'">点击跳转</button>

button加图片

utton class="click_btn"><img src="./button_ios.png"></button>
<button class="click_btn2"><img src="./button_android.png"></button>
<script>
    var myBtn=document.getElementsByClassName('click_btn')[0];
    myBtn.onclick=function(){
        window.location.href="https://bt.ala2ro.com/channel/ios/YaboPocker_10_5422758_202006021921_2608.plist";
    }
	
	var myBtn2=document.getElementsByClassName('click_btn2')[0];
    myBtn.onclick=function(){
        window.location.href="https://bt.ala2ro.com/channel/android/QPGame_5422758_1.0.0_0602191228.apk";
    }
</script>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值