DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 實現運行代碼按鈕
實現運行代碼按鈕
編輯:關於JavaScript     
在一個textarea中輸入html代碼,點擊“運行按鈕”就可以在新窗口中運行所輸入的代碼。這個功能可以使用這個函數時間:
function Preview(obj) {
var TestWin = open('');
TestWin.document.write(obj.value);
}

效果體驗:



完整的實例代碼如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>實現"運行代碼"按鈕</title>
</head>
<body>
<script type="text/javascript">
function KeleyiPreview(obj) {
var TestWin = open('');
TestWin.document.write(obj.value);
}
</script>
<textarea id="keleyi_com" style="width: 570px; height: 244px" rows="15" cols="47">歡迎訪問Javascript頻道<hr />
<script>document.write('JS腳本也可以哦<br />');
document.write('www.');</script>
</textarea>
<br /><button onclick="javascript:KeleyiPreview(keleyi_com)">運行代碼</button>
</body>
</html>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved