Javascript jquery将脚本动态附加到html元素_Javascript_Jquery

Javascript jquery将脚本动态附加到html元素

javascript jquery

Javascript jquery将脚本动态附加到html元素,javascript,jquery,Javascript,Jquery,我需要动态添加更多的项目（视频。这是脚本形式）到div。在下面的代码中，append不做任何事情。我也尝试过以字符串形式附加脚本（即“”）。我感谢任何帮助 <!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> </head> <body> <div>

我需要动态添加更多的项目（视频。这是脚本形式）到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>


$（文档）.ready（函数（）{
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（脚本）；
});

尝试更换此行

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

用这个

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

本机

.appendChild

方法似乎正在工作，但是

jQuery

.append（）

由于某些原因似乎无法工作。

尝试替换此行

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

用这个

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

本机

.appendChild

方法似乎正在工作，但是 jQuery

.append（）

由于某种原因似乎无法正常工作

不安全的JavaScript试图使用URL访问帧file:///C:/Users/###/Desktop/test.html 从带有URL的框架。域、协议和端口必须匹配

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

而且

不安全的JavaScript试图使用URL访问帧file:///C:/Users/###/Desktop/test.html 从带有URL的框架。域、协议和端口必须匹配

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

而且

jQuery以一种特殊的方式（->）处理

标记
只需使用DOM方法

.appendChild（）

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

请阅读以更深入地了解为什么？

jQuery以一种特殊的方式处理

标记（->）
只需使用DOM方法

.appendChild（）

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

阅读本文以更深入地了解原因？

通常我都会在div中添加一个id，比如，然后使用$（“mydiv”）。append（script）@Terradon-这不会有任何区别。无论如何，我也在我的代码中这样做：）这与定义

var脚本的方式有关。我建议尝试将html脚本标记附加为字符串，并在此处共享您的结果。这是您的真实脚本吗？？因为您添加的视频与您的div中已有的视频相同？？理想情况下，我会动态下拉新视频并添加它。这是为了保持简单。通常我总是给一个div添加一个id，比如，然后使用$（“mydiv”）。append（script）@Terradon-这应该没有什么区别。无论如何，我也在我的代码中这样做：）这与定义var脚本的方式有关。我建议尝试将html脚本标记附加为字符串，并在此处共享您的结果。这是您的真实脚本吗？？因为您添加的视频与您的div中已有的视频相同？？理想情况下，我会动态下拉新视频并添加它。这是为了保持简单。@YuryTarabanko为什么你认为它无关紧要？它解决了问题（只是缺少一个解释）@Sushanth-它没有解决问题。你能用小提琴看视频吗？如果可行的话，它应该嵌入视频。我认为这是pensan给出的答案可能是正确方向的另一个问题…@Sushanth:没有。jQuery正确地处理脚本。选中“网络”选项卡以确保脚本已实际加载。你的解决方案毫无意义。@YuryTarabanko为什么你认为它无关紧要？它解决了问题（只是缺少一个解释）@Sushanth-它没有解决问题。你能用小提琴看视频吗？如果可行的话，它应该嵌入视频。我认为这是pensan给出的答案可能是正确方向的另一个问题…@Sushanth:没有。jQuery正确地处理脚本。选中“网络”选项卡以确保脚本已实际加载。您的解决方案没有添加任何内容。感谢您的回复。如果您在记事本中复制/粘贴我的代码并另存为.html，您将看到它可以嵌入视频。但理想情况下它应该有两个视频。谢谢回复。如果您在记事本中复制/粘贴我的代码并另存为.html，您将看到它可以嵌入视频。但理想情况下，它应该有两个视频。