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";
    }

这可能是一件简单的事情，Bit我已经四处寻找并找不到解决方案：/

Answer 1

getText方法只返回一个字符串。它不会修改HTML，也不会对返回值执行任何操作。

将字符串转换为文本节点（例如，使用createTextNode）。
找到要放入的元素（例如，使用getElementById）。
将文本节点添加到元素中（例如，使用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>

DIV中的外部JS方法

2 个答案: