Question

所以，假设你有一个想要从javascript文件加载的页面，它包含了

temp.html文件

<script src="example.js"></script>
<p class="one"></p>

现在在example.js文件中你有一个

的函数

    function getInfo() {
    var place = "foo"
    $(".one").html(place);
    }
//Edit currently I call the function inside the JS file

getInfo();

我的问题是你如何连接这两个文件，以便外部javascript文件知道它指向带有类1的段落？通常，当它在单个页面中时，您将调用该函数并设置信息。我见过JQuery的getScript方法和加载方法。这适用于此吗？关于如何处理这个的任何想法？如果您提供一些非常有用的代码。提前谢谢。

Answer 1

您的语言令人困惑，但您可以使用jQuery的$（document）.ready函数就足够了。一般来说，外部加载的文件应该在标记在脚本中的位置执行。

黑客可能是在文档正文结束前放置一个标记，给它一个id，然后在那里使用$（＆＃39;＃id＆＃39;）。ready（）。一般来说，您可以尝试使用间隔和超时从头开始编写转换概念（我猜你已经习惯了）。

    <div id="rdy">
    </div>
</body>

然后在你的文件中：

   $('#rdy').ready(getInfo);

就我个人的意见而言，你应该考虑到谷歌最近会遇到一些不那么好的事情，他们已经很久没有从“不做恶”中走出来了。曼陀罗。

Answer 2

如果我们假设您有一个包含此内容的JavaScript文件：

function getInfo() {
    var place = "foo"
    $(".one").html(place);
}

然后你的标记看起来像这样：

<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
        <script src="example.js"></script>
        <script>
            $(function(){
                getInfo();
            });
        </script>
    </head>
    <body>
        <p class="one"></p>
    </body>
</html>

$(function(){ ... });只是$(document).ready(function(){ ... });的简化版本。它们或多或少地处理onload事件，该事件在页面加载完毕时触发。

Answer 3

看起来您希望在getInfo()定义后立即执行example.js。（<。{}}。

您可以尝试这种方法：

<script src="example.js" onload="getInfo();"></script>

在 example.js 中，将getInfo()更改为以下内容：

function getInfo() {
  $(document).ready(function() {
      var place = "foo"
      $(".one").html(place);
  });
}

访问外部JavaScript文件并在div中放置内容的最佳方法？

3 个答案: