javascript 函数仅适用于第一个包含的函数

Question

当单击按钮时，我有以下函数(onButtonClick)，仅第一个函数起作用。如果我在按钮功能中只有其中一个功能，则所有包含的功能都可以工作。

我也尝试过这种方式的按钮单击功能。还是不行。

setProjectData() && getProjectData() && window.location.href='support_page.html';

关于我可能缺少什么的任何想法？

<span class="profile_container_right">
    <a onclick='onButtonClick()'; return true;"; ><img src="images/bSUPPORT.png"/></a>
</span>

<script>
    /* on button click */           
    function onButtonClick(){
        setProjectData();
        getProjectData();
        window.location.href='support_page.html';
    }

    function setProjectData() {
    // --- set local storage project descriptions ---
    vProjectName=‘The Project Name’;
            localStorage.setItem('xProjectName', vProjectName);
            return true;
    }

    function getProjectData() {
    // --- get local storage project descriptions ---
            vProjectName = localStorage.getItem('xProjectName');
            alert('you entered the GET project data function ='+vProjectName);
            return true;    
    }
</script>

Answer 1

第一个问题是在 onclick 绑定(bind)中使用引号:

onclick='onButtonClick()'; return true;";

onclick 的正确语法是 onclick="yourFunctionCall();" 例如:

onclick="onButtonClick(); return true;"

第二个问题是您在 setProjectData 函数中使用引号:

vProjectName=‘The Project Name’;

更改为单引号或双引号:

vProjectName="The Project Name";

解决这些语法问题后，您的代码应该按预期执行。

旁注使用var在函数内声明变量，使它们遵守函数的范围。声明一个没有 var 的 js 变量会全局暴露该变量。