javascript - DIV 中的外部 JS 方法

Question

我有一个消息框，我想根据从外部 JavaScript 文件返回的数据填充文本。

但是，该方法无法执行。

HTML：

<div class="sticky-box" id="x">
        <div class="sticky-inner" id="sticky_inner"><script type="text/javascript" src="path_to_file_"></script><script>getText();</script></div>
        <input id="btn1" type="button" value="I agree" onclick="save()"/>
        <input id="btn2" type="button" value ="I disagree" onclick="hide()"/>
</div>

JavaScript

function getText()
    {       
        return "hi";
    }

这可能很简单，我搜索了一下，但找不到解决方案：/

Answer 1

该getText方法只返回一个字符串。它不会修改 HTML，并且您不会对返回值做任何事情。

1. 将字符串转换为文本节点（例如使用createTextNode）。
2. 找到一个元素将其放入（例如使用getElementById）。
3. 将文本节点添加到元素（例如使用appendChild）。

Answer 2

<script type="text/javascript">
    function getText() {
        alert('hi');
        return "hi";
    }
</script><div class="sticky-box" id="x">
    <div class="sticky-inner" id="sticky_inner">
        <script type="text/javascript" src="path_to_file_"></script>
        <script type="text/javascript">
            getText();
        </script>
    </div>
    <input id="btn1" type="button" value="I agree" onclick="save()" />
    <input id="btn2" type="button" value="I disagree" onclick="hide()" />
</div>