如何用JS完成直接運(yùn)行html的代碼
發(fā)表時(shí)間：2023-09-07 來(lái)源：明輝站整理相關(guān)軟件相關(guān)文章人氣：
[摘要]這篇文章主要介紹了JS實(shí)現(xiàn)直接運(yùn)行html代碼的方法,涉及javascript窗口操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下本文實(shí)例講述了JS實(shí)現(xiàn)直接運(yùn)行html代碼的方法。分享給大家供大家參考，具體如下：1、實(shí)例代碼：<!DOCTYPE html>
<html><hea...
這篇文章主要介紹了JS實(shí)現(xiàn)直接運(yùn)行html代碼的方法,涉及javascript窗口操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下
本文實(shí)例講述了JS實(shí)現(xiàn)直接運(yùn)行html代碼的方法。分享給大家供大家參考，具體如下：
1、實(shí)例代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'/>
<title>直接運(yùn)行 html 代碼</title>
</head>
<body>
<textarea style='width:300px;height:200px;' id='txtCode'></textarea><br/>
<input type='button' value='直接運(yùn)行' id='btnRun'/>
<script>
document.getElementById('btnRun').onclick = function(){
var runHtml = document.getElementById('txtCode').value;
if(runHtml){
var win = window.open('', '運(yùn)行窗口');
win.document.open();
win.document.write(runHtml);
win.document.close();
}
else{
alert('請(qǐng)輸入!');
}
}
</script>
</body>
</html>2、運(yùn)行效果圖如下：
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，更多相關(guān)內(nèi)容請(qǐng)關(guān)注PHP中文網(wǎng)！
相關(guān)推薦：
在Html中使用Requirejs進(jìn)行模塊化開(kāi)發(fā)的解析
HTML5和jQuery實(shí)現(xiàn)搜索智能匹配的功能
以上就是如何用JS實(shí)現(xiàn)直接運(yùn)行html的代碼的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！
網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語(yǔ)，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。
