Question

为什么这不起作用：

我有main.html：

<script type="text/javascript" src="some_url"></script>
.
.
<a href="javascript:void(0)" onClick="Foo()">Foo</a></li>

功能Foo位于外部javascript文件中。使用此代码我无法调用函数，但如果我将外部js放入main.html就可以了。哪里有问题？我想这是愚蠢的事情:)）

NEW UPDATE

我正在使用Django框架，并使用django static directive加载外部文件：

<script type="text/javascript" src="{% static 'st_forms/main.js' %}"></script>

像这样调用

函数：

<a href="javascript:void(0)" onClick="goForm('RHJ6YXZh')">Form</a></li>

和外部main.js文件（整个文件）：

function goForm(formCode)
{
    alert("entered");
}

我希望这就够了......

main.js的路径成功呈现为“/static/st_forms/main.js”，浏览器可以访问它。

Answer 1

您可能会在Foo加载HTML或window load之后添加您的功能document ready ...

看看这个例子：

<强> Fiddle

<script>
    function foo() {
        alert("Foo called!");
    }

    window.onload = function(){
        function bar() {
            alert("Bar called!");
        }
    }
</script>

<a href="javascript:void(0)" onClick="foo()">Foo</a>
<a href="javascript:void(0)" onClick="bar()">Bar</a>

点击Foo时会调用，而Bar则不会。

Answer 2

尝试： onclick="Foo()">Foo</a></li> 而不是原始的： onClick="Foo()"

小写的“ onclick”。

嗯，不能调用javascript函数

NEW UPDATE

2 个答案: