JS實現直接運行html代碼的方法
更新時間：2017年03月13日 09:43:19 作者：繼續(xù)去踢波
這篇文章主要介紹了JS實現直接運行html代碼的方法,涉及javascript窗口操作相關實現技巧,需要的朋友可以參考下
本文實例講述了JS實現直接運行html代碼的方法。分享給大家供大家參考，具體如下：
1、實例代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'/>
<title>直接運行 html 代碼</title>
</head>
<body>
<textarea style='width:300px;height:200px;' id='txtCode'></textarea><br/>
<input type='button' value='直接運行' id='btnRun'/>
<script>
document.getElementById('btnRun').onclick = function(){
var runHtml = document.getElementById('txtCode').value;
if(runHtml){
var win = window.open('', '運行窗口');
win.document.open();
win.document.write(runHtml);
win.document.close();
}
else{
alert('請輸入!');
}
}
</script>
</body>
</html>
2、運行效果圖如下：
更多關于JavaScript相關內容感興趣的讀者可查看本站專題：《JavaScript切換特效與技巧總結》、《JavaScript動畫特效與技巧匯總》、《JavaScript查找算法技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》、《JavaScript中json操作技巧總結》、《JavaScript錯誤與調試技巧總結》及《JavaScript數學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章
js 如何打印預覽，實局部打印頁面很簡單。就是把你需要打印的部分做一個起始標記，下面有個示例大大家不妨參考下2014-07-07
這篇文章主要介紹了JavaScript設計模式之命令模式,結合實例形式分析了javascript命令模式的概念、原理、用法及相關注意事項,需要的朋友可以參考下2019-01-01
javascript 控制超級鏈接的樣式代碼...2007-08-08
這篇文章給大家分享了JavaScript實現添加給定的標簽選項的相關知識點內容以及代碼實例，有興趣的朋友們參考下。2018-09-09
Three.js實現臉書元宇宙3D動態(tài)Logo效果
本文主要講述通過 Three.js + Blender 技術棧，實現 Meta 公司炫酷的 3D 動態(tài) Logo，內容包括基礎模型圓環(huán)、環(huán)面扭結、管道及模型生成、模型加載、添加動畫、添加點擊事件、更換材質等2021-11-11
基于cornerstone.js的dicom醫(yī)學影像查看瀏覽功能
這篇文章主要介紹了基于cornerstone.js的dicom醫(yī)學影像查看瀏覽功能,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-07-07
這篇文章主要介紹了JS的拖拽屬性draggable詳解,本文通過示例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-04-04
這篇文章主要介紹了ListBox實現上移,下移,左移,右移的簡單實例。需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
組合模式大概是設計模式里面使用最為廣泛的模式之一了，模式本身理解起來也比較簡單，以至于可以毫不費力的寫出一個能用的組合模式偽代碼2016-08-08
本篇文章給大家分享了關于javascript代碼優(yōu)化的8點總結，希望我們整理的內容能夠幫助到大家。2018-01-01