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

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>
于 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 に答える
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>

another.html

<table>
<tr>
<td>xyz</td>
</tr>
</table>
于 2013-03-01T12:23:48.627 に答える