Question

我是JS的新手。我正在使用Homestead Sitebuilder来编辑/创建我的网站。

我试图通过触发HTML onclick事件来调用JS函数并且没有成功。这样做的目的是为网页上的链接提供基本密码保护。这是为了阻止没有密码的普通互联网用户。

目前，onmouseover和onmouseout事件正常工作但没有任何反应。

这是我的代码（请告诉我我缺少的内容）：

<HEAD>
    <SCRIPT>
        function passWord() {
            var pass1 = prompt('Please Enter Your Password', ' ');
            if (pass1.toLowerCase() = "letmein") {
                alert('Correct');
                window.open('students.html');
                return;
            } else {
                alert('Password Incorrect; Access Denied');
                return;
            }
        }
    </SCRIPT>
</HEAD>

<BODY>

<img name="image1" src="Button_1_-_Financial_Mouseout_B_W.jpg" border="0" HEIGHT="31" WIDTH="308" onclick "passWord()" onmouseover="image1.src='Button_1_-_Financial_Mouseover_B_W.jpg';" onmouseout="image1.src='Button_1_-_Financial_Mouseout_B_W.jpg';">

</BODY>

请帮忙！感谢。

Answer 1

你忘了把等式符号放在那里：

onclick "passWord()"

正确的属性声明是：

onclick="passWord()"

我还建议关闭所有打开的HTML标记。你还没有关闭img标签。 完整的工作代码：

<HEAD>
    <SCRIPT>
        function passWord() {
            var pass1 = prompt('Please Enter Your Password', ' ');
            if (pass1.toLowerCase() = "letmein") {
                alert('Correct');
                window.open('students.html');
                return;
            } else {
                alert('Password Incorrect; Access Denied');
                return;
            }
        }
    </SCRIPT>
</HEAD>

<BODY>

<img name="image1" src="Button_1_-_Financial_Mouseout_B_W.jpg" border="0" HEIGHT="31" WIDTH="308" onclick="passWord()" onmouseover="image1.src='Button_1_-_Financial_Mouseover_B_W.jpg';" onmouseout="image1.src='Button_1_-_Financial_Mouseout_B_W.jpg';"/>

</BODY>

从HTML调用JS函数

1 个答案: