JS實現(xiàn)直接運行html代碼的方法
更新時間：2017年03月13日 09:43:19 作者：繼續(xù)去踢波
這篇文章主要介紹了JS實現(xiàn)直接運行html代碼的方法,涉及javascript窗口操作相關實現(xiàn)技巧,需要的朋友可以參考下
本文實例講述了JS實現(xiàn)直接運行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相關內(nèi)容感興趣的讀者可查看本站專題：《JavaScript切換特效與技巧總結》、《JavaScript動畫特效與技巧匯總》、《JavaScript查找算法技巧總結》、《JavaScript數(shù)據(jù)結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》、《JavaScript中json操作技巧總結》、《JavaScript錯誤與調(diào)試技巧總結》及《JavaScript數(shù)學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
您可能感興趣的文章:
相關文章
javascript實現(xiàn)根據(jù)3原色制作顏色選擇器的方法
這篇文章主要介紹了javascript實現(xiàn)根據(jù)3原色制作顏色選擇器的方法,涉及javascript操作頁面元素屬性的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07
這篇文章主要介紹了JavaScript簡寫技巧，運用簡寫技巧，可以加快開發(fā)速度，讓開發(fā)工作事半功倍，大家感興趣的話可以參考本篇文章2021-08-08
這篇文章主要為大家詳細介紹了JS實現(xiàn)拼圖游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-12-12
這篇文章主要介紹了詳解寫好JS條件語句的5條守則，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-02-02
JS小功能(checkbox實現(xiàn)全選和全取消)實例代碼
這篇文章主要介紹了checkbox實現(xiàn)全選和全取消實例代碼，有需要的朋友可以參考一下2013-11-11
JavaScript es6中var、let以及const三者區(qū)別案例詳解
這篇文章主要介紹了JavaScript es6中var、let以及const三者區(qū)別案例詳解,本篇文章通過簡要的案例,講解了該項技術的了解與使用,以下就是詳細內(nèi)容,需要的朋友可以參考下2021-08-08
如何將HTML字符轉(zhuǎn)換為DOM節(jié)點并動態(tài)添加到文檔中詳解
這篇文章主要給大家介紹了關于如何將HTML字符轉(zhuǎn)換為DOM節(jié)點并動態(tài)添加到文檔中的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起看看吧2018-08-08
JavaScript代碼實現(xiàn)圖片循環(huán)滾動效果
這篇文章主要介紹了JavaScript代碼實現(xiàn)圖片循環(huán)滾動效果的相關資料,非常不錯，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2016-06-06
函數(shù)和作用域是JavaScript的重要組成部分，我們在使用JavaScript編寫程序的過程中經(jīng)常要用到這兩部分內(nèi)容，借助此文一起來鞏固下學習的內(nèi)容吧。2016-12-12
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)登錄遮罩效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-11-11