Question

当我点击按钮时，我试图在iframe中插入一个表，但是我在方法“pasteHTML”中收到错误。这是我写的代码：

<html>
  <body>
   <input type = "button" onClick="setContent()" value="getContent"></input>
    <iframe id = "iframe" border="0" >
    </iframe>


  <script type="text/javascript">
   var iframe = document.getElementById('iframe');
    iframe.contentDocument.designMode = "on";

    function setContent()
   {

       var iframe = document.getElementById('iframe');
       var str = "<table><tr><td>dushyanth</td></tr></table>";
       var sel = iframe.document.selection.createRange();
       sel.pasteHTML(str);
       sel.select();


   }


  </script>

Answer 1

您是否有必要仅使用java脚本？。这可以通过其他方式实现，就像在java脚本函数中使用.load（）一样。

Answer 2

<html>
<head>
  <script type="text/javascript">

    function setContent()   {
      $('divId').load('another.html')
   }

  </script>
</head>
<body>
 <input type = "button" onClick="setContent()" value="getContent"/>
  <div id="divId"></div>
</body>

</html>

another.html

<table>
<tr>
<td>xyz</td>
</tr>
</table>

Answer 3

如果您想使用iframe，请使用以下代码

<html>
<head>
  <script type="text/javascript">

    function setContent()   {
      $('divId').load('iframepage.html')
   }

  </script>
</head>
<body>
 <input type = "button" onClick="setContent()" value="getContent"/>
  <div id="divId"></div>
</body>

</html>

iframepage.html

 <html>
 <body>
<iframe width="500px" height="400" src="anotherpage.html"></iframe>
 </body>    
</html>

anotherpage.html

<table>
<tr>
<td>xyz</td>
</tr>
</table>

Answer 4

试试这个：

var ifr = document.getElementById('iframe');
ifr.src='javascript:"<table><tr><td>dushyanth</td></tr></table>"';

现场演示：http://jsfiddle.net/3Efva/

使用Javascript将表插入IFRAME

4 个答案: