使用html脚本中的函数

时间:2017-11-27 18:17:39

标签: javascript html url

我很困惑。我想我知道什么是错的,但我似乎无法弄清楚纠正是什么。

我有几个外部URL脚本,通过<script type="text/javascript src="https://the/path/root.js"></script>

加载到HTML文件中

这应该使所有包含在内的函数root.js可用于<head>中列出的所有文件或只有html。

所以,如果我是myFile.js并且我在root.js中进行了函数调用,那么它什么都不做。并没有执行任何事情。

所以myFile.html

<head>
    <script type="text/javascript> src="https://some/path/name/root.js>
    </script>
</head>

和myJS.js

function root();(which is not declared or defined in the myJS.js file, but is located in the root.js file of the URL).

我如何参考?我可以直接使用该脚本,并将其直接放入myJS.js,是否有HTML依赖的脚本?

它用于学校作业。如果有人可以帮忙......真的很感激。

另外,如果我在HTML中,并且我想从该JS文件加载函数,我尝试<body onload="root();">但它没有工作。

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

你的帖子有点乱,但如果我理解正确,如果你在root.js中有这样的功能:

function root() { console.log('do something'); }

你想在myJS.js中使用它,你不会使用:

function root(); // this is a syntax error

相反,您只需使用它就像在同一文件中定义的函数一样:

root();

另一个关键是您必须确保在root.js之前加载myJS.js文件(订单很重要):

<head>
  <script src="http://example.com/path/to/root.js"></script>
  <script src="http://example.com/path/to/myJS.js"></script>
</head>

除此之外,请确保每个都有正确的文件路径。您可以使用Chrome开发者工具(或其他浏览器中的类似工具)中的“网络”标签确保使用。

有关:

<body onload="root()">

只要该功能实际存在,那应该可行。

检查开发人员控制台是否存在可能导致混乱的任何其他错误。另外,请确保您的脚本位于<head>之前的<body>