 
<!DOCTYPE html> 
<html> 
<head> 
<meta charset='utf8' /> 
<title>網(wǎng)頁中的運(yùn)行代碼功能</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>測(cè)試文檔</title> 
</head> 
<body> 
測(cè)試文檔 - 你可以先修改部分代碼再運(yùn)行 
<script>alert('hello')</script> 
</body> 
</html> 
</textarea> 
<br> 
<input type="button" value="運(yùn)行代碼" onclick="runCode(code1)"> 
</body> 
</html> 

您可能感興趣的文章:

相關(guān)文章

Javascript insertAfter() 實(shí)現(xiàn)函數(shù)代碼
DOM沒有提供insertAfter()方法，我們可以自己擴(kuò)展下。
2011-10-10
通過JavaScript使Div居中并隨網(wǎng)頁大小改變而改變
自己的頁面太難看了，要居中沒居中，要顏色沒顏色，但是無論是怎么樣都得使登錄的框居中吧，下面與大家分享下通過JavaScript可以簡單的使Div在頁面上居中，隨著網(wǎng)頁大小的改變做出相應(yīng)的改變
2013-06-06
js實(shí)現(xiàn)3D照片墻效果
這篇文章主要介紹了js實(shí)現(xiàn)3D照片墻效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-10-10
js使用html()或text()方法獲取設(shè)置p標(biāo)簽的顯示的值
html()方法可以用來讀取或者設(shè)置某個(gè)元素中的HTML內(nèi)容，text()方法可以用來讀取或者沒置某個(gè)元素中的文本內(nèi)容
2014-08-08
bootstrap下拉菜單使用方法解析
這篇文章主要為大家詳細(xì)解析了bootstrap下拉菜單使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-01-01
JS解決?Array.fill()參數(shù)為對(duì)象指向同一個(gè)引用地址的問題
這篇文章主要介紹了JS解決?Array.fill()參數(shù)為對(duì)象指向同一個(gè)引用地址問題，解決方案使用map返回出不同的引用的地址，fill參數(shù)可隨意填寫（不為空），主要是map函數(shù)中返回的數(shù)據(jù),需要的朋友可以參考下
2023-02-02
javascript發(fā)送短信驗(yàn)證碼實(shí)現(xiàn)代碼
我們?cè)谧?cè)賬號(hào)，或者是參加活動(dòng)時(shí)，都會(huì)向手機(jī)發(fā)送收短信驗(yàn)證碼，短信驗(yàn)證碼到底是如何實(shí)現(xiàn)的，本文為大家揭曉，并為大家分項(xiàng)1javascript發(fā)送短信驗(yàn)證碼實(shí)現(xiàn)代碼，感興趣的小伙伴們可以參考一下
2015-11-11
純js實(shí)現(xiàn)仿QQ郵箱彈出確認(rèn)框
仿QQ郵箱的彈出層，彈出確認(rèn)框，主要是用火狐的firebug把html和css扣了下來，沒有做封裝,就定義了一個(gè)拖動(dòng)事件. 大家可以封裝自己的彈出窗，嘿嘿！
2015-04-04
原生js實(shí)現(xiàn)自定義難度的掃雷游戲
這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)自定義難度的掃雷游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-01-01
hash和history路由模式區(qū)別示例解析
這篇文章主要為大家介紹了hash和history路由模式區(qū)別示例解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-07-07