So verwenden Sie JS, um HTML-Code direkt auszuführen-HTML-Tutorial-php.cn

So verwenden Sie JS, um HTML-Code direkt auszuführen

不言

Freigeben： 2018-06-09 16:53:37

Original

5107 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich die Methode von JS zum direkten Ausführen von HTML-Code vorgestellt, einschließlich Implementierungstechniken im Zusammenhang mit dem Betrieb von Javascript-Fenstern.

Das Beispiel dieses Artikels beschreibt die Methode von JS HTML-Code direkt ausführen. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

1 Beispielcode:

<!DOCTYPE html>
<html>
  <head>
    <meta charset=&#39;utf-8&#39;/>
    <title>直接运行 html 代码</title>
  </head>
  <body>
    <textarea style=&#39;width:300px;height:200px;&#39; id=&#39;txtCode&#39;></textarea><br/>
    <input type=&#39;button&#39; value=&#39;直接运行&#39; id=&#39;btnRun&#39;/>
    <script>
      document.getElementById(&#39;btnRun&#39;).onclick = function(){
        var runHtml = document.getElementById(&#39;txtCode&#39;).value;
        if(runHtml){
          var win = window.open(&#39;&#39;, &#39;运行窗口&#39;);
          win.document.open();
          win.document.write(runHtml);
          win.document.close();
        }
        else{
          alert(&#39;请输入!&#39;);
        }
      }
    </script>
  </body>
</html>

Nach dem Login kopieren

2 ist wie folgt:

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dass er für das Studium aller hilfreich ist Chinesische Website!

Verwandte Empfehlungen:

Verwendung von Requirejs in HTML für die modulare Entwicklungsanalyse

HTML5 und jQuery realisieren eine intelligente Suchabgleichsfunktion

Das obige ist der detaillierte Inhalt vonSo verwenden Sie JS, um HTML-Code direkt auszuführen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!