1

我需要将更多项目(视频。以脚本形式)动态添加到 div。在下面的代码中, append 没有做任何事情。我也尝试以字符串形式附加脚本(即“”)。我感谢任何帮助!!!!

<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>

  <div>
      <script type="text/javascript" src="http://video.foxnews.com/v/embed.js?id=1993203907001&w=466&h=263"></script>
  </div>

<script>
$(document).ready(function() {
var script = document.createElement( 'script' );
script.type = 'text/javascript';
script.src = 'http://video.foxnews.com/v/embed.js?id=1993203907001&w=466&h=263';
  $("div").append(script);
});
</script>

</body>
</html>
4

3 回答 3

1

jQuery<script />以特殊方式处理标签(.append() -> .domManip()
只需使用 DOM 方法.appendChild()代替

document.getElementsByTagName('div')[0].appendChild(script);​

阅读此答案以更深入地了解原因

于 2012-11-27T23:57:35.010 回答
1

不安全的 JavaScript 尝试从 URL http://video.foxnews.com/v/video-embed.html?video_id的框架访问具有 URL file:///C:/Users/###/Desktop/test.html 的框架=1993203907001&w=466&h=263&loc=。域、协议和端口必须匹配。

您尝试从不同的域访问某些内容 => XSS

http://en.wikipedia.org/wiki/Cross-site_scripting

并且

https://support.ookla.com/entries/21097566-what-is-crossdomain-xml-and-why-do-i-need-it

于 2012-11-27T23:53:29.630 回答
-1

尝试替换此行

$("div").append(script);

有了这个

document.getElementsByTagName('div')[0].appendChild(script);​

检查小提琴

本机.appendChild方法似乎正在工作,但 jQuery.append()由于某种原因似乎没有工作..

于 2012-11-27T23:52:00.887 回答