js網(wǎng)頁中的(運行代碼)功能實現(xiàn)思路
更新時間：2013年02月04日 09:15:30 作者：
網(wǎng)頁中的"運行代碼"是一個很方便的功能，可以直接看到代碼的效果，感興趣的朋友不妨參考下，或許對你學習js有所幫助，好了花不多說切入正題
復制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset='utf8' />
<title>網(wǎng)頁中的運行代碼功能</title>
<script type="text/javascript">
function runCode(oCode) {
var win = window.open('', "_blank", '');
win.document.open('text/html', 'replace');
win.opener = null
win.document.write(oCode.value);
win.document.close();
}
</script>
</head>
<body>
<textarea id="code1" rows="10" cols="95">
<!DOCTYPE html>
<html>
<head>
<meta charset='utf8' />
<title>測試文檔</title>
</head>
<body>
測試文檔 - 你可以先修改部分代碼再運行
<script>alert('hello')</script>
</body>
</html>
</textarea>
<br>
<input type="button" value="運行代碼" onclick="runCode(code1)">
</body>
</html>
相關(guān)文章
這篇文章主要介紹了微信小程序的宿主環(huán)境,包括scroll-view 組件的基本使用，text 組件的基本使用及rich-text 組件的基本使用，本文通過示例代碼給大家介紹的非常詳細，需要的朋友可以參考下2022-10-10
layui實現(xiàn)圖片虛擬路徑上傳,預覽和刪除的例子
今天小編就為大家分享一篇layui實現(xiàn)圖片虛擬路徑上傳,預覽和刪除的例子，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
小程序設(shè)計中，通常會根據(jù)業(yè)務(wù)來做多表的拆分，多表拆分一般是根據(jù)業(yè)務(wù)的特點進行拆分。比如我們在文章關(guān)注的業(yè)務(wù)中，會將文章和關(guān)注信息拆分成一對多的表關(guān)系。初學者可能對一對一、一對多、多對多的設(shè)計概念不是特別清楚2022-08-08
js中setTimeout()與clearTimeout()用法實例淺析
這篇文章主要介紹了js中setTimeout()與clearTimeout()用法,以實例形式分析了setTimeout()與clearTimeout()的功能與使用技巧,需要的朋友可以參考下2015-05-05
Javascript iframe交互并兼容各種瀏覽器的解決方法
這篇文章主要介紹了Javascript iframe交互并兼容各種瀏覽器的解決方法的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-07-07
這篇文章主要為大家詳細介紹了js+css實現(xiàn)卡片輪播圖效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-02-02
非常漂亮的緩沖效果代碼，大家可以看看下。2009-06-06
這篇文章主要介紹了JavaScript實現(xiàn)串行請求的示例代碼，幫助大家更好的理解和使用JavaScript，感興趣的朋友可以了解下2020-09-09
uni-app是一個使用Vue.js開發(fā)所有前端應(yīng)用的框架,下面這篇文章主要給大家介紹了關(guān)于uniApp常見面試題及答案的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-02-02
這篇文章主要為大家分享了我們有必要知道的25個JavaScript面試題。想要順利通過面試的朋友可以參考一下2015-12-12