代碼編輯區和效果顯示區結合的學習

本來以爲很深奧的東西,今天在看百度地圖的時候,突然看到類似的東西,然後就抽它的代碼,先抽離了一點,把代碼編輯區和效果顯示區敲出來,這是第一步,另外這種方式也應該是衆多實現中的一種,前段時間正考慮把這種東西嵌入到在做的一個工具裏,恰巧遇到。

這是來源:


至於它裏面的一


該網頁的代碼我看了些,編寫的還好,有些可以借鑑並改進爲自己所用....



在chrome下有問題的,其他IE firefox沒什麼問題。

簡單抽離了下,還有不明白的地方在學習.測試代碼:

<!DOCTYPE html>
<html>
<script type="text/script">
   var test = funtion(){
      alert("加載成功...不生效....");
   };
</script>
<body>
test my Code
<button οnclick="test()">測試</button>
<hr/>
this is 原理麼?

</body>
<html>
源碼和樣例下載:

http://download.csdn.net/detail/xiaohan1990718/6622131 







發佈了95 篇原創文章 · 獲贊 14 · 訪問量 20萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章