JavaScript日记操作对象实例

JavaScript日志操作对象实例

学完JavaScript，部分小结可参看我以前的博客《JavaScript中的正则表达式》、《JavaScript中的细节》、《自建JavaScript函数库》、《JavaScript中的面向对象》、《JavaScript中的作用域和闭包》、《JavaScript中的继承和原型》。现在我们来综合使用一下所学知识，来实现一个JavaScript日志操作对象的实例，我们需要的是这几个文件：

myLog.js:主要作用是构建myLogger构造函数、添加行、添加节点、css控制。

LD.js:主要作用是对脚本和字符串制定规则、构造命名空间和根据Id、className取出对象。

test.js:主要作用是对窗体添加事件，并测试mylog中部分函数的可用性。

log.html:用于显示日志对象。

以下是各个文件代码：

test.js

</p><p>总结</p><p>        这个小例子，基本上把以前所学内容，包括基础支持、面向对象、原型、对象字面量、this、作用域链等知识点全部囊括，算是对JavaScript学习的一个小结。学的越多，越要找到所学内容之间的联系，学习JS，不只是仅仅学习JS，更要联系以前所学的面向对象、C#、CSS等知识，让知识像路一样四通八达，才能“书越读越薄”。现在能做的，就是继续构建我的知识网。</p> </p></div><div style="margin:0 auto;width:300px;height:250px;position:relative;">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 移动端全站正文 -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-6147101717324856"
data-ad-slot="1958144088"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
<div class="subn-nav"><a href="//m.reader8.net">读书人网</a> ><a href="//m.reader8.net/jiaocheng/javascript/">JavaScript</a></div><div class="sp-jctu"><h3><span> 热点推荐 </span></h3><ul><li><p><a href="//m.reader8.net/jiaocheng/20120319/1335589.html">js控制iframe跳转解决方法</a></p></li>
<li><p><a href="//m.reader8.net/jiaocheng/20120924/1405944.html">js怎么去改变某个嵌套的iframe内容的文</a></p></li>
<li><p><a href="//m.reader8.net/jiaocheng/20140608/2370002.html">JavaScript中按位“异或”赋值运算符</a></p></li>
<li><p><a href="//m.reader8.net/jiaocheng/20140608/2370001.html">理解JavaScript的caller,callee,call,</a></p></li>
<li><p><a href="//m.reader8.net/jiaocheng/20140607/2366392.html">jstack和线程dump分析</a></p></li>
<li><p><a href="//m.reader8.net/jiaocheng/20140608/2370000.html">ajax与jsp总结</a></p></li>
<li><p><a href="//m.reader8.net/jiaocheng/20140607/2366394.html">怎么用js处理zip文件</a></p></li>
<li><p><a href="//m.reader8.net/jiaocheng/20140607/2366393.html">js惯用处理</a></p></li>
<li><p><a href="//m.reader8.net/jiaocheng/20140605/2358862.html">那个大神会指导个正则</a></p></li>
<li><p><a href="//m.reader8.net/jiaocheng/20140605/2358861.html">ExtJS4 格局及边框</a></p></li>
</ul></div><div style="display:none;">
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "//hm.baidu.com/hm.js?d6151f323a57d16696165e47eee86d53";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script></div>
<div class="footer"><p>触屏版 | <a href="//www.reader8.net/jiaocheng/20120716/1434876.html#fromapp">电脑版</a></p><p>读书人网 m.reader8.net</p></div>
<script language="javascript">
function clickme(sad){
var divobjdiv = document.getElementById("divobjdiv" + sad);
if(divobjdiv.style.display =="none"){
divobjdiv.style.display ="block"; 
}else{
divobjdiv.style.display ="none";
}
var wenzi = document.getElementById('divobjimg' + sad);
if(wenzi.innerText == "收起"){
wenzi.innerText = "查看更多";
}else{
    wenzi.innerText = "收起";
  }
}
</script>
<div id="back-top"><a href="#top"><span></span></a></div>
</body>
</html>