0

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

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

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

这是我的代码（请告诉我我缺少什么）：

<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>

请帮忙！谢谢。

4

1 回答 1

0

您忘记在此处放置方程式符号：

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>
于 2013-10-13T21:55:56.373 回答