Question

我有一个JS变量，其中包含用于嵌入YouTube视频的HTML代码，看起来像：

<iframe width="560" height="315" src="https://www.youtube.com/embed/....." 
frameborder="0" allowfullscreen></iframe>

有没有办法简单地从变量中读取html？或者我必须从变量中提取URL并使用iframe标记框架将其包围吗？

Answer 1

如果您正在谈论在iframe内阅读中的HTML代码，那么您无法使用JavaScript执行此操作：看一下 here 了解更多信息。

如果要在文档中添加框架，可以使用元素的innerHTML属性来执行此操作，例如：

var myFrame = '<iframe width="560" height="315" src="https://www.youtube.com/embed/....." frameborder="0" allowfullscreen></iframe>'

document.getElementById("container-id").innerHTML += myFrame;

Answer 2

这是一个有效的代码

<body>
<div id="DIV">
</div>
<script type="text/javascript">    
   var content = document.getElementById('DIV');
   var frame = "<iframe width='560' height='315' src='https://www.youtube.com/embed/.....'
frameborder='0' allowfullscreen></iframe>"
   content.innerHTML = frame ;   
</script>
</body>

从变量中读取html文本

2 个答案: