如何用JS完成直接運行html的代碼
發表時間:2023-09-07 來源:明輝站整理相關軟件相關文章人氣:
[摘要]這篇文章主要介紹了JS實現直接運行html代碼的方法,涉及javascript窗口操作相關實現技巧,需要的朋友可以參考下本文實例講述了JS實現直接運行html代碼的方法。分享給大家供大家參考,具體如下:1、實例代碼:<!DOCTYPE html>
<html><hea...
這篇文章主要介紹了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、運行效果圖如下:

以上就是本文的全部內容,希望對大家的學習有所幫助,更多相關內容請關注PHP中文網!
相關推薦:
在Html中使用Requirejs進行模塊化開發的解析
HTML5和jQuery實現搜索智能匹配的功能
以上就是如何用JS實現直接運行html的代碼的詳細內容,更多請關注php中文網其它相關文章!
網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。