Question

我目前正在处理代码，当用户点击某个按钮时，它会使用<iframe>使用HTML JavaScript标记从其他网页显示一个框架。

以下是我用来显示到网页的代码：

<html>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script>
        $("p").text('<iframe src="webpage.html" width="450" height="475" style="overflow:hidden"></iframe>');
    </script>
    <p></p>
</html>

结果：
<iframe src="webpage.html" width="450" height="475" style="overflow:hidden"></iframe>

可悲的是，它只是打印出文本而不实际检索框架。我输出文本的方式有问题，还是我完全使用了错误的函数？

我试过...... 删除标记周围的引用（＆＃39; ...＆＃39;）

导致...... 网页无用

Answer 1

使用html代替文字...

    <html>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script>
        $("p").html('<iframe src="webpage.html" width="450" height="475" style="overflow:hidden"></iframe>');
    </script>
    <p></p>
</html>

Answer 2

请注意text和html具有不同的功能：

    Text() : it replaces the text inside the html div or class specified but
                 but not the html

    html() : it replaces the specified dom of html div/class  ,or to be more specific
             the function called returns or set the content (returning an innerHtml),
             when you use to return content, it return the first matches,
             if not it overwrites the content of all matched elements.

使用jQuery text（）函数将HTML标签添加到网页

2 个答案: