0

当我单击一个按钮时,我试图在 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>

4

4 回答 4

1

你有必要只使用java脚本吗?. 这也可以使用其他方式来实现,例如在 java 脚本函数中使用 .load() 。

于 2013-03-01T12:05:07.237 回答
0
<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>

另一个.html

<table>
<tr>
<td>xyz</td>
</tr>
</table>
于 2013-03-01T12:23:48.627 回答
0

如果您想使用 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>

另一个页面.html

<table>
<tr>
<td>xyz</td>
</tr>
</table>
于 2013-03-01T13:03:21.637 回答
0

尝试这个:

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

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

于 2013-03-03T05:41:08.337 回答