代码编辑区和效果显示区结合的学习

原创于 2013-11-27 22:12:22 发布 · 838 阅读

0 ·

CC 4.0 BY-SA版权

本文分享了从百度地图中抽离代码的过程，并探讨了如何将相关技术应用到其他工具中。作者通过简单的示例展示了如何加载和调用自定义函数，同时也提到了在不同浏览器下的兼容性问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本来以为很深奥的东西，今天在看百度地图的时候，突然看到类似的东西,然后就抽它的代码，先抽离了一点，把代码编辑区和效果显示区敲出来，这是第一步,另外这种方式也应该是众多实现中的一种,前段时间正考虑把这种东西嵌入到在做的一个工具里,恰巧遇到。

这是来源:

至于它里面的一

该网页的代码我看了些,编写的还好,有些可以借鉴并改进为自己所用....

在chrome下有问题的,其他IE firefox没什么问题。

简单抽离了下,还有不明白的地方在学习.测试代码:

<!DOCTYPE html>
<html>
<script type="text/script">
   var test = funtion(){
      alert("加载成功...不生效....");
   };
</script>
<body>
test my Code
<button onclick="test()">测试</button>
<hr/>
this is 原理么?

</body>
<html>

源码和样例下载：

http://download.youkuaiyun.com/detail/xiaohan1990718/6622131