如何在html / php中包含外部js并调用函数

时间:2014-11-07 22:33:02

标签: javascript php jquery html

解决方案:首先,下面的代码确实有效。对于那个很抱歉。此外,我的更复杂的代码(未显示)是不工作的,因为我的.js脚本中的语法错误。注意,这些语法错误与我试图调用的函数无关,这些函数是脚本中的前两个函数。这意味着在尝试加载任何函数之前,必须确保整个.js完美无瑕。最后一项任务很容易使用在线JavaScript解析器http://www.jshint.com/完成。它太棒了。

我正在尝试在我的html文件中包含带有javascript函数的js文件,但它不起作用。我不是声称已经尝试了所有东西,但我已经尝试过大多数事情。为简单起见,我将test.html和test.js放在同一个文件夹中。

的test.html:

<html>
    <script type="text/javascript" src="test.js"></script>
    <script type="text/javascript">
        alert('1!'); // for debugging
        testAlert(); // supposed to pop-up alert BUT IS ERRORING OUT HERE!
        alert('2'); // for debugging
        alert(testStr());
        alert('3'); // for debugging
    </script>

    <body>
        The body.
    </body>
</html>

test.js:

function testStr()
{
   return "hello";
}

function testAlert()
{
   alert('initYEAH!');
}

当我在浏览器中加载test.html时,会弹出第一个调试警报,但是第二个调试警报永远不会发生,告诉我发生了以下两种情况之一:

1)没有正确加载test.js文件

2)正在加载test.js文件,但是它会抛出一些语法错误。

有谁能告诉我为什么我不能在test.js脚本中执行这些功能?

1 个答案:

答案 0 :(得分:0)

当我在notepad ++中尝试并在IE11中运行时,它运行正常。但是,

当前最先进的技术是将脚本放在标记中并使用async或defer属性。这样可以在不阻止浏览器的情况下尽快下载脚本。