在加载到DIV的单独HTML页面中进行文本搜索

时间:2017-10-20 21:44:20

标签: javascript html

所以我在网上找不到这个独特的情况,所以我现在就问。

我有一个空的DIV,它作为一个"容器"持有并展示外部' HTML文档。

<div id="page-content-wrapper" style="border: medium solid #000000; height:660px">
      <!--Loaded content goes here-->
</div>

在此页面的补充工具栏中是用户可以选择的文档列表(HTML文档) 有Javascript加载选定的&#39;外部&#39;将HTML文档放入DIV(page-content-wrapper) SidebarItemClick方法代码是:

function MenuClick(doc) {
   var Tutorial = doc;
   var DisplayObj = "<object id='ThisObj' type='text/html' data='" + Tutorial + "' style='min-width:100%; min-height: 101%; overflow: hidden'></object>";
   document.getElementById("page-content-wrapper").innerHTML = DisplayObj;
}

工作正常。该文档很好地显示在网页上。

注意:从代码中可以看出,我不是出于各种原因使用iFrame - 主要是因为我的老板说'#34;没有IFRAME&#34;。

注意2:即使我能够亲眼看到外部&#39;在DIV(页面内容包装器)的网页上显示的HTML文档 - 当我在那个时刻检查页面源时,“外部”的文本是HTML文档不会出现 - 尽管

现在,我想整理一些Javascript,以便用户在“外部”内搜索文字。 HTML文档和滚动(如有必要)&#39;找到&#39;文本到网页的可见部分。

正如我在开始时所说的那样,到目前为止我在网上找到的任何内容似乎都没有解决这种情况,所以我希望有人有一个可行的方法。

非常感谢您的意见/建议。

谢谢

0 个答案:

没有答案