Question

我正在创建一个网站，其中登录页面有一个未设置为按钮的按钮，它需要调用一个函数。我添加：

onclick="signin()"

到第216行的代码。（参见此处的代码：http://pastebin.com/Uq2nfWTQ）

我尝试在div下面和main.js文件中添加函数。两者都没有工作。我应该在哪里放置功能，以便按钮实际工作？此外，该功能是重定向到不同的页面，所以我会这样做：

window.location = "PUT LOCATION HERE"

Answer 1

这是您所描述的最低要求：

<html>
<head>
    <script>
        function signin() {
            console.log("Hello, I work!");
        }
    </script>
</head>
<body>
    <form action="javascript:void(0);" method="get">
        <input type="submit" value="Sign In" onclick="signin()">
    </form>
</body>
</html>

将其与您的粘贴区相比，您在任何地方都没有signin功能。

Answer 2

这是一个例子

<!DOCTYPE html>
<html>
<body>

<p>Click the button to go to signin page.</p>

<button onclick="signin()">Try it</button>

<p id="demo"></p>

<script>
function signin() {
    location.href = 'signin.php';

}
</script>

</body>
</html>

Answer 3

有些人因各种原因导致JavaScript被禁用或受到阻碍;制作一个需要 JavaScript的网页只是为了转到另一个页面对那些人来说是非常恼人的！（我是其中之一。）

另外，基于JavaScript的导航永远不会像常规链接那样有用。例如，您可以在中间单击普通链接以在新选项卡中打开它们，我会一直这样做;它打破了JavaScript驱动的＆＃34;假的＆＃34;链接，因为页面的代码无法在新标签页中运行。通常，使用JavaScript来模拟现有的浏览器功能是一个糟糕的主意。

因此，如果您正在进行导航，只需与<a>建立常规链接，并使用CSS将其设置为外观，就像按钮一样。一个好的（尽管很难看）开始：

a#signin-button {
    display: inline-block;
    background: lightgray;
    border: 1px outset gray;
    text-decoration: none;
}

或者，将其设为普通的提交按钮。（不推荐使用，因为您无法使用提交按钮执行此操作 - 例如，在新标签页中单击以打开也无法正常工作。）

<form action="signin.html" method="GET">
    <input type="submit" value="Sign In">
</form>

在HTML中使用onclick方法？

3 个答案: