HTML和javascript文件加载相同的HTML

时间:2014-01-29 09:12:04

标签: javascript jquery html5

我想使用object标签或任何其他方式在html文件中加载java脚本文件。   我的情况如下。    parent.html文件包含两个div,其中我正在加载childOne.html和childTwo.html    使用对象标签的文件。

我的问题是我必须使用jQuery.js做一些工作,我必须包含在两者中   儿童html文件。   我想要的是一些方法,我只需在parent.html中包含jQuery.js   两个子html文件应该从parent.html获取JS文件。

请提出一些建议。

2 个答案:

答案 0 :(得分:0)

在这种情况下,

<object>元素是第二类<iframe>。不同的文档是不同的文档,并有自己的JavaScript环境。

您可以通过parentframes在它们之间进行通信(取决于您要进入的方向......某些浏览器可能不会使用<object>的框架API。)

理论上,您可以等待加载框架文档,然后访问document.frames.frameid.contentDocument并将jQuery对象复制到其中 - 但是当您尝试将其引用时,这可能会导致一团糟向右document个对象。

你最好的赌注是:

  1. 停止尝试将框架文档视为构成文档的一部分 - 它们是独立的。如果他们需要使用jQuery,那么加载它是他们的责任。
  2. 停止使用框架并将这些文件的HTML内容放在顶级文档中,使它们不是独立的

答案 1 :(得分:-1)

您可以将带有jQuery文件URL的脚本标记添加到parent.html文件中,并且在加载子项时它将起作用

如果你确实将jquery代码添加到子文件中,请确保在文件中实例化jQuery,例如

<script type="text/javascript">
    $(function(){});
</script>

如果你这样做,jQuery代码将起作用