MIXHIU 2020-02-22 21:02 采纳率: 100%
浏览 152
已采纳

按钮的跳转问题,只有在最后一个的按钮有用,求解

用的是vs code

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>跳转</title>
    </head>
    <body>
        <center><h1>测试</h1></center>
        <hr>
        <input name="测试的空间" type="button" id="Kong" title="空间" value="测试的空间" />
        <script>
            window.onload = function(){
                document.getElementById('Kong').addEventListener('click',goToKongJian)
            }
            function goToKongJian(){
                console.log('前往空间!')
                window.open('http://www.7k7k.com')
            }
        </script>
        <input name="测试的主题" type="button" id="Ti" title="主题" value="测试的主题" />
        <script>
            window.onload = function(){
                document.getElementById('Ti').addEventListener('click',goToZuTi)
            }
            function goToZuTi(){
                console.log('前往主题!')
                window.open('http://www.baidu.com')
            }
        </script>
        <input name="测试的主页" type="button" id="btn4" title="主页" value="测试的主页" />
        <script>
            window.onload = function(){
                document.getElementById('btn4').addEventListener('click',goToZuYe)
            }
            function goToZuYe(){
                console.log('前往主页!')
                window.open('http://www.4399.com')
            }
        </script>
    </body>
</html>
  • 写回答

1条回答 默认 最新

  • 天际的海浪 2020-02-23 03:16
    关注

    window.onload 事件重复赋值会覆盖之前的设置。
    可以把3个window.onload事件函数中的代码合在一起。
    也可以改用 addEventListener() 绑定load事件

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 求差集那个函数有问题,有无佬可以解决
  • ¥15 MATLAB动图问题
  • ¥15 【提问】基于Invest的水源涵养
  • ¥20 微信网友居然可以通过vx号找到我绑的手机号
  • ¥15 寻一个支付宝扫码远程授权登录的软件助手app
  • ¥15 解riccati方程组
  • ¥15 display:none;样式在嵌套结构中的已设置了display样式的元素上不起作用?
  • ¥15 使用rabbitMQ 消息队列作为url源进行多线程爬取时,总有几个url没有处理的问题。
  • ¥15 Ubuntu在安装序列比对软件STAR时出现报错如何解决
  • ¥50 树莓派安卓APK系统签名