可以測試javascript運行效果的代碼

更新時間：2010年04月02日 18:17:41 投稿：mdxy-dxy

這篇文章主要介紹了如何在頁面中可以簡單的測試一些簡單的JavaScript語句,需要的朋友可以參考下

<!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> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>可以再代碼框中編寫簡單的JavaScript</title> 
<script language="javascript" type="text/javascript"> 
function btn_onclick() 
{ 
try 
{ 
var cmdWin =document.getElementById("txtre");//獲取文本id 
var str="try{"+cmdWin.value+"} catch(e){alert('你的代碼有錯：'+e.description);}";//構(gòu)造函數(shù)體,這里的e.description用來輸出你輸入的JavaScript代碼的錯誤信息 
var cmd = new Function(str);//構(gòu)造函數(shù) 
cmd(); //調(diào)用函數(shù) 
} 
catch(e) 
{ 
alert("錯誤:"+e.description);//輸出錯誤信息,這里用來處理本段JavaScript代碼的錯誤信息 
} 
} 
</script> 
</head> 
<body> 
 
<div align="center" style="boeder-right:#000000 1px solid; boeder-top:#000 1px solid; border-left:#000 1px solid; width:618px;border-right:#000 1px solid;height:336px;background-color:#FF0"> 
<textarea id="txtre" style="width:612px;height;300px"> 
</textarea> 
<input id="btnTest" type="button" value="執(zhí)行程序" onclick="return btn_onclick()" style="width:145ppx" /> 
</div> 
</body> 
</html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

以上是從一個實驗的例子中找出的，貼出來和大家分享，也是自己保存，呵呵……

您可能感興趣的文章:

相關(guān)文章

JS實現(xiàn)簡單省市二級聯(lián)動
這篇文章主要為大家詳細(xì)介紹了JS實現(xiàn)簡單的省市二級聯(lián)動，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-11-11
使用smartupload組件實現(xiàn)jsp+jdbc上傳下載文件實例解析
這篇文章主要介紹了使用smartupload組件實現(xiàn)jsp+jdbc上傳下載文件實例解析,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2017-01-01
如何利用js在兩個html窗口間通信
這篇文章主要介紹了如何利用js在兩個html窗口間通信，如果讀者們有類似的需求，可以參考下
2021-04-04
mysql輸出數(shù)據(jù)賦給js變量報unterminated string literal錯誤原因
mysql 數(shù)據(jù)庫數(shù)據(jù)賦給js變量報unterminated string literal錯誤原因
2010-05-05
JavaScript實現(xiàn)將毫秒數(shù)轉(zhuǎn)換為易讀時長格式
在許多開發(fā)場景中,我們通常需要將后端接口返回的毫秒數(shù)轉(zhuǎn)換成更易讀的時長格式,本文將封裝一個簡潔的 JavaScript 函數(shù)實現(xiàn)這一功能,需要的可以了解下
2025-02-02
創(chuàng)建基于Bootstrap的下拉菜單的DropDownList的JQuery插件
這篇文章主要介紹了創(chuàng)建基于Bootstrap的下拉菜單的DropDownList的JQuery插件的相關(guān)資料,需要的朋友可以參考下
2016-06-06
JavaScript中九種常用排序算法
不同的排序算法，執(zhí)行效率有著天壤之別，本腳本用JavaScript演示了各種常見的排序算法，包括：冒泡排序、選擇排序、插入排序、謝爾排序、快速排序(遞歸)、快速排序(堆棧)、歸并排序、堆排序
2014-09-09
JS作用域閉包、預(yù)解釋和this關(guān)鍵字綜合實例解析
這篇文章主要介紹了JS作用域閉包、預(yù)解釋和this關(guān)鍵字,結(jié)合實例形式分析了javascript作用域閉包、預(yù)解釋和this關(guān)鍵字在具體使用過程中的操作技巧與注意事項,需要的朋友可以參考下
2016-12-12
Express框架詳解app函數(shù)使用實例
這篇文章主要為大家介紹了Express框架app函數(shù)使用實例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-03-03
webpack多入口多出口的實現(xiàn)方法
這篇文章主要介紹了webpack多入口多出口的實現(xiàn)方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-08-08