Question

我有一个.js文件，其中包含一个返回HTML的函数。如何从我的.html中调用此函数并将其返回到调用的位置？

my.html

<body>
    //should make the HTML tag for a <h1>h1</h1> or <h2>h2</h2>
    <script>
        my.js->myFunction();  //what goes here?
    </script>
</body>

my.js

function myFunction(){
    if(true){
        return "<h1>h1</h1>";
    }
    else{
        return "<h2>h2</h2>";
    }
}

我正在使用jQuery。

Answer 1

如果你没有使用任何框架（jQuery，AngularJS等），你可以这个

<p id="p1"></p>

<script>

function myFunction(){
    var text = "";
    if(true){
         text = "True";
    }
    else{
         text = "False";
    }
    $("#p1").html(text);
}

</script>

Answer 2

您正在思考PHP的思维方式。 Javascript直接对DOM（文档对象模型）进行更改，不需要与HTML内联插入。以此为例：

<p> Hello <php echo "World"; ?> </p>

这是PHP的方法。在对比中，这是Javascript方法：

<p> Hello <span id="output"></span> </p>

<script>
   document.getElementById("output").innerHTML="World";
</script>

注意这里使用document。这就是＆＃34; D＆＃34;在DOM中。我们正在寻找一个嵌套在document中的元素，其id为＆＃34;输出＆＃34;并将其HTML更改为＆＃34; World＆＃34;。

将返回值放在HTML中

2 个答案: