文章/答案/技术大牛

发布

社区首页 >问答首页 >在iframe中插入div元素

问在iframe中插入div元素
EN

Stack Overflow用户

提问于 2015-04-10 22:03:49

回答 2查看 4.6K关注 0票数 0

我正在尝试在iframe中插入div元素，我想最终应用一个完美的滚动条。到目前为止，我已经能够插入iframe在div和应用完美的滚动条到它。有什么想法吗？

我的代码如下：

<!DOCTYPE html>
<html>
  <head>
    <title>perfect-scrollbar</title>
    <link href="http://noraesae.github.io/perfect-scrollbar/bootstrap-combined.min.css" rel="stylesheet">
    <link href="http://noraesae.github.io/perfect-scrollbar/perfect-scrollbar.min.css" rel="stylesheet">

    <style>
      #Sidebar 
        {
          position:relative; 
          margin:0px auto; 
          padding:0px; 
          width: 230px; 
          height: 463px; 
          overflow: hidden;
        }
      #iframe
        {
          position: relative;  
        }

    </style>
  </head>
  <body>
    <div id='Sidebar'>                       
      <iframe id="iframe" src="http://www.w3schools.com/" width= "230" height="700" scrolling="no" frameborder="0">         
      </iframe>  
    </div> 
    <script src="http://noraesae.github.io/perfect-scrollbar/jquery.min.js"></script>
    <script src="http://noraesae.github.io/perfect-scrollbar/perfect-scrollbar.min.js"></script>
    <script src="http://noraesae.github.io/perfect-scrollbar/bootstrap.min.js"></script>        
    <script>
      $(function() {
        Ps.initialize(document.getElementById('Sidebar'));
        $('#iframe')     
        .contents().find('body')
        .append('<div id="sidebar"> Left Admin Panel </div>')
      });
    </script>
  </body>
</html>

我试图在iframe内部插入一个div的部分如下：

 <ul class="sidebar-menu">        
   <li class="header">MyOGI APPLICATIONS</li>
   <li class="treeview">
     <ul class="treeview-menu"></ul>
   </li>
   <li class="header">GLOBAL APPLICATIONS</li>
   <li class="treeview">
     <a href="#">
       <i class="fa fa-angle-left pull-right"></i>
     </a>
     <ul class="treeview-menu"></ul>
       <li class="treeview"></li>
       <li class="treeview">
          <ul class="treeview-menu"></ul>
       </li>
     </ul> 
   <li>
 <ul>

jquery

html

iframe

perfect-scrollbar

回答 2

Stack Overflow用户

回答已采纳

发布于 2015-04-10 22:08:11

$('#iframe')     
          .contents().find('body')
          .append('mynewcontent goes here');

票数 0

Stack Overflow用户

发布于 2015-04-10 22:08:51

不能在不控制的iFrame中操作内容。因此，在大多数情况下，这只是相同的域。如果是另一个域，则会遇到跨域问题，除非您也拥有另一个站点，否则这个问题通常是无法解决的。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/29571365

复制

相似问题

问在iframe中插入div元素
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在iframe中插入div元素EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在iframe中插入div元素
EN