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

不言
Freigeben: 2018-06-09 16:53:37
Original
5103 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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!