如何执行变量中的iframe标记

时间:2016-05-28 05:26:55

标签: html iframe

例如:
现在我该如何从var v运行此代码?

代码:

var v = <iframe src="https://www.youtube.com/embed/wpxqcq6b"><iframe> 

2 个答案:

答案 0 :(得分:0)

您必须使用Javascript的innerHTML功能才能实现此目的。请查看以下代码以供参考。您需要在文档中添加占位符以插入<iframe>元素,此处我已使用div id=placeiframe

<html>
<head>
<script type="text/javascript">
    function insertiFrame(){
        var v = "<iframe src='https://www.youtube.com/embed/wpxqcq6b'><iframe>";
        document.getElementById("placeiframe").innerHTML = v;   
    }
</script>
</head>
<body>
<div>
    <b>Example of iFrame insertion via Javasript</b><br/>
    <input type="button" onClick="insertiFrame();" value="Insert iFrame below"/><br/>
    <div id="placeiframe"></div>
</div>
</body>
</html>

答案 1 :(得分:0)

<body>
<div>
<b>Example of iFrame insertion via Javasript</b><br/>
<input type="button" onClick="insertiFrame();" value="Insert iFrame below"/>    <br/>
<div id="placeiframe"></div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-rc1/jquery.min.js"></script>
<script>
function insertiFrame(){
    var v = "<iframe src='https://www.youtube.com/embed/wpxqcq6b'><iframe>";
    $("#placeiframe").append().html(v);
}
</script>