1

PC にオフラインの "htm" ファイルがあり、HTML コードのテストに使用しています。HTMLエディタのようなものです。HTML コードをコンパイルします。しかし、私には問題があります。すべての種類の CSS と JavaScript、および jQuery などの JavaScript ベースのライブラリをサポートしていますが、次のようなイベントはサポートしていませんonload, $(document).ready()。私はそれについて多くのことを試みましたが、何もできませんでした。

だから私のエディタのソースコードを見てください：

<html>
 <script type="text/javascript">
  function ShowResult()
  {
    my_window = window.open("about:blank", "mywindow1");
    my_window.document.write(x);
    if(my_window.document.title=="")
    {
      my_window.document.title="No title was specified"
    }
  }
 </script>
 <body>
   <textarea style="height:400px;width:750px;overflow:auto;" onblur="x=this.value">
   </textarea><br />
   <button onclick="ShowResult()">see result!</button>
 </body>
</html>

私がした間違いを教えてください。ファイルが「onload」イベントをサポートしていないのはなぜですか?

4

2 に答える 2

2

既に読み込まれているページのコンテキスト内でコードを実行しています。

jsfiddle のようなシステムは、ページを動的に生成して iframe にロードすることでこれを処理します。

これを行うには、ある種のサーバー側スクリプトが必要です。ローカル Web サーバー (つまり Wampserver) をインストールすることをお勧めします。

于 2012-06-11T09:31:46.643 に答える
0

x を初期化する必要があります。

<html> 
 <script type="text/javascript">
  x = ""; 
  function ShowResult() 
  { 
    my_window = window.open("about:blank", "mywindow1"); 
    my_window.document.write(x); 
    if(my_window.document.title=="") 
    { 
      my_window.document.title="No title was specified" 
    } 
  } 
 </script> 
 <body> 
   <textarea style="height:400px;width:750px;overflow:auto;" onblur="x=this.value"> 
   </textarea><br /> 
   <button onclick="ShowResult()">see result!</button> 
 </body> 
</html>
于 2012-06-11T09:50:01.000 に答える