大神們，我遇到技術問題了，這個網站里面的在線VB代碼編譯功能是如何實作的？求助大神！
uj5u.com熱心網友回復：
你可能對JavaScript有什么誤解uj5u.com熱心網友回復：
？uj5u.com熱心網友回復：
左邊編輯器右邊iframe不行嗎uj5u.com熱心網友回復：
這哪是vbs呀uj5u.com熱心網友回復：
標題寫得那么夸張，導致看的人不少。會做的人肯定不少，但一般都懶得理你。既然被挖墳重新挖出來了。我就不惜時間來回答一下吧。大致原理是給個文本框，讓用戶可以隨意輸入HTML源代碼。當點擊“運行代碼"時，就呼叫iframe的document.write方法把用戶的HTML源代碼寫入iframe即可。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>TestJs</title>
<style type="text/css">
button{
width: 120px;
height: 30px;
margin-bottom: 8px;
}
div{
width: 820px;
height: 400px;
}
textarea{
width: 400px;
height: 400px;
float: left;
margin-right: 6px;
}
iframe{
width: 400px;
height: 400px;
float: left;
}
</style>
<script type="text/javascript">
var html=`<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>TestJs</title>
</head>
<body>
<div>
<button onclick="document.getElementById('txt1').value=https://bbs.csdn.net/topics/new Date();">顯示現在的時間</button>
<br />
<input type="text" id="txt1" style="width:350px; height:24px;margin-top:6px;" />
</div>
</body>
</html>`;
window.onload=function(){
var txtHtml=document.getElementById('txtHtml');
txtHtml.value=https://bbs.csdn.net/topics/html;
btnOK_click();
}
function btnOK_click(){
var iframe1=document.getElementById('iframe1');
var txtHtml=document.getElementById('txtHtml');
var doc=iframe1.contentWindow.document;
doc.open();
doc.write(txtHtml.value);
doc.close();
}
</script>
</head>
<body>
<button onclick="btnOK_click();">運行代碼</button>
<div>
<textarea id="txtHtml"></textarea>
<iframe id="iframe1" src="https://bbs.csdn.net/topics/about:blank"></iframe>
</div>
</body>
</html>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/35354.html
標籤：vbScript
上一篇：做SSM做了Dao和Service層的測驗都正常，最后controller的資料傳不到JSP前端，似乎是整個運行程序未經過controller