在一個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>