javascript-html按钮单击时不会执行任何操作-堆栈溢出

顺晟科技

2022-10-19 14:14:26

我正在做我的网站，我有我的头按钮不会做任何事情。主要问题在12至15号线。下面是代码:

我认为这与按钮在上下文中有关。请告诉我您可能有的任何答案。

顺晟科技：

您正在为其赋值，从而导致页重定向。

将按钮更改为:

并不清楚你想要达到什么目的。如果希望将事件处理程序挂接到按钮，则需要在js代码中编写以下内容:

HTML:

<!DOCTYPE html>
<html>
    <head>

        <script src="https://kit.fontawesome.com/6feb1dab38.js" crossorigin="anonymous"></script>
        <link rel="stylesheet" href="resources/css/stylesheet.css">
        <title>Home</title>
    </head>
    <header>
    </header>
    <body>
        <div class="context">
            <button class="headerButton" type="button">About Me</button>
            <button class="headerButton" type="button">Links</button>
            <button class="headerButton" type="button" onclick="window.location.href='Clicked/Works'; console.log('it worked')">Works</button>
            <br>
            <script src="resources/js/app.js"></script>
        </div>
    
    
    <div class="area" >
                <ul class="circles">
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                </ul>
        </div >
        <script src="resources/js/app.js"></script>
    </body>
</html>

JS:

<!DOCTYPE html>
<html>
    <head>

        <script src="https://kit.fontawesome.com/6feb1dab38.js" crossorigin="anonymous"></script>
        <link rel="stylesheet" href="resources/css/stylesheet.css">
        <title>Home</title>
    </head>
    <header>
    </header>
    <body>
        <div class="context">
            <button class="headerButton" type="button">About Me</button>
            <button class="headerButton" type="button">Links</button>
            <button class="headerButton" type="button" onclick="window.location.href='Clicked/Works'; console.log('it worked')">Works</button>
            <br>
            <script src="resources/js/app.js"></script>
        </div>
    
    
    <div class="area" >
                <ul class="circles">
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                </ul>
        </div >
        <script src="resources/js/app.js"></script>
    </body>
</html>

下面是一个示例代码:

https://stackblitz.com/edit/js-kt8cab？file=index.js

上一篇：JavaScript-如何检查绘制的下一篇：HTML-如何使用CSS-Stack

网站建设

Html

javascript-html按钮单击时不会执行任何操作-堆栈溢出