快捷導(dǎo)航

js網(wǎng)頁中的(運(yùn)行代碼)功能實(shí)現(xiàn)思路

更新時(shí)間：2013年02月04日 09:15:30 作者：

網(wǎng)頁中的"運(yùn)行代碼"是一個(gè)很方便的功能，可以直接看到代碼的效果，感興趣的朋友不妨參考下，或許對(duì)你學(xué)習(xí)js有所幫助，好了花不多說切入正題

 
<!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>測試文檔</title> 
</head> 
<body> 
測試文檔 - 你可以先修改部分代碼再運(yùn)行 
<script>alert('hello')</script> 
</body> 
</html> 
</textarea> 
<br> 
<input type="button" value="運(yùn)行代碼" onclick="runCode(code1)"> 
</body> 
</html> 

您可能感興趣的文章:

相關(guān)文章

微信小程序的宿主環(huán)境實(shí)現(xiàn)代碼
這篇文章主要介紹了微信小程序的宿主環(huán)境,包括scroll-view 組件的基本使用，text 組件的基本使用及rich-text 組件的基本使用，本文通過示例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下
2022-10-10
layui實(shí)現(xiàn)圖片虛擬路徑上傳,預(yù)覽和刪除的例子
今天小編就為大家分享一篇layui實(shí)現(xiàn)圖片虛擬路徑上傳,預(yù)覽和刪除的例子，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
微信小程序多表聯(lián)合查詢的實(shí)現(xiàn)詳解
小程序設(shè)計(jì)中，通常會(huì)根據(jù)業(yè)務(wù)來做多表的拆分，多表拆分一般是根據(jù)業(yè)務(wù)的特點(diǎn)進(jìn)行拆分。比如我們?cè)谖恼玛P(guān)注的業(yè)務(wù)中，會(huì)將文章和關(guān)注信息拆分成一對(duì)多的表關(guān)系。初學(xué)者可能對(duì)一對(duì)一、一對(duì)多、多對(duì)多的設(shè)計(jì)概念不是特別清楚
2022-08-08
js中setTimeout()與clearTimeout()用法實(shí)例淺析
這篇文章主要介紹了js中setTimeout()與clearTimeout()用法,以實(shí)例形式分析了setTimeout()與clearTimeout()的功能與使用技巧,需要的朋友可以參考下
2015-05-05
Javascript iframe交互并兼容各種瀏覽器的解決方法
這篇文章主要介紹了Javascript iframe交互并兼容各種瀏覽器的解決方法的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-07-07
js+css實(shí)現(xiàn)卡片輪播圖效果
這篇文章主要為大家詳細(xì)介紹了js+css實(shí)現(xiàn)卡片輪播圖效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-02-02
javascript 緩沖效果實(shí)現(xiàn)代碼
非常漂亮的緩沖效果代碼，大家可以看看下。
2009-06-06
JavaScript實(shí)現(xiàn)串行請(qǐng)求的示例代碼
這篇文章主要介紹了JavaScript實(shí)現(xiàn)串行請(qǐng)求的示例代碼，幫助大家更好的理解和使用JavaScript，感興趣的朋友可以了解下
2020-09-09
uniApp常見面試題及答案(推薦!)
uni-app是一個(gè)使用Vue.js開發(fā)所有前端應(yīng)用的框架,下面這篇文章主要給大家介紹了關(guān)于uniApp常見面試題及答案的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2023-02-02
你有必要知道的25個(gè)JavaScript面試題
這篇文章主要為大家分享了我們有必要知道的25個(gè)JavaScript面試題。想要順利通過面試的朋友可以參考一下
2015-12-12