`
xiaobo.liu
  • 浏览: 40134 次
  • 性别: Icon_minigender_1
  • 来自: 山西
社区版块
存档分类
最新评论

javascript 要知道的

阅读更多
<script  type="text/javascript">
$(document).ready(function(){
   //javascript 的封装  匿名自调用函数
   (function(){
         var tax = 0.5, price = 'drting';      
   })()
   //alert(typeof tax);
   //这样在函数外不能访问函数内的变量  模块化编程
   var g = (function(){
         var tax = 0.5, price = 'drting';  
		 return {iprice : price,
		         add :function(){}
		 
		 };
   })();
   /*
	   alert(g.iprice);

	   alert('0' == '');  //false
	   alert('' == '0');  //false

	   alert(false == '0');  //true
	   alert('\t\r\n ' == 0); // true

	   浏览器中for-in遍历对象属性和方法时会包括对象原型链上的所有属性和方法。
	   但绝大多数属性是不希望被枚举出来的。
	   可以用hasOwnProperties方法来检测属性是否属于对象
   */
     function Dog (name) 
	 {
         this.name = name;
     }

     Dog.prototype.legs = 4;
     Dog.prototype.speak = function () 
	 {
         return "woof!";
     };
     
     var d = new Dog("Bowser");
     
     for (var prop in d)
	 {
         console.log( prop + ": " + d[prop] );
     }
     
     console.log("=====");
     
     for (var prop in d) {
      if (d.hasOwnProperty(prop)) 
		 {
			  console.log( prop + ": " + d[prop] );
		 }
     }
     
     // Output
     // name: Bowser
     // legs: 4
     // speak: function () {
     // return "woof!";
     // }
     // =====
     // name: Bowser

    //有时,只希望枚举列出对象的的属性,不包括方法。可以用typeof方法,代码如下:

    for (var prop in d) 
	{
		 if (typeof d[prop] !== 'function') 
		 {
		      console.log( prop + ": " + d[prop] );
		 }
    }

   /*Document fragments 是一个DOM元素容器,可以使用它同时添加这些元素到页面中。
   Document fragment自身不是一个DOM节点,它不会在页面DOM树中显示,
   并且在把它插入DOM之前它是不可见的。下面是它的用法:
   */
     var list = document.getElementById("list"),
         frag = document.createDocumentFragment(),
         items = ["one", "two", "three", "four"],
         el;
     
     for (var i = 0; items[i]; i++)
	 {
		 el = document.createElement("li");
		 el.appendChild( document.createTextNode(items[i]) );
		 frag.appendChild(el); // better!
     }
     
     list.appendChild(frag);
});
</script>
<div id="list"></div>
</body> 
 
分享到:
评论

相关推荐

    《你不知道的JavaScript》.pdf

    Web前端学习资料,Javascript学习

    javascript百炼成仙 第一章 掌握JavaScript基础01 初入宗门.pdf

    在编程的世界里,JavaScript是一门神奇而强大的语言,它像是轻盈飞舞的仙鹤,无处不在,又充满灵性。自诞生之日起,JavaScript便以其独特的魅力赢得了无数开发者的青睐,成为了前端开发不可或缺的核心技术之一。在...

    每个JavaScript开发人员应该知道33个概念

    对于任何想要深入JavaScript的开发者来说,了解并掌握一些核心概念至关重要。以下是对“每个JavaScript开发人员应该知道的33个概念”的详细阐述。 1. 变量与数据类型:JavaScript支持变量,包括var、let和const的...

    JavaScript语言参考手册

    本书是 JavaScript 语言的参考手册,包括核心语言中的对象和客户端、服务器端的扩展。JavaScript 是 Netscape 跨平台的基于对象的适合于客户和服务器的脚本语言。 你应该已经知道的东西 在哪里能找到 JavaScript ...

    必须知道的JavaScript知识

    ### 必须知道的JavaScript知识 #### JavaScript与ECMAScript的关系 JavaScript是一种广泛使用的脚本语言,用于网页的客户端编程。然而,JavaScript的核心规范是由ECMA国际组织制定的标准,即ECMAScript。...

    Javascript完全自学宝典

    4. **你可能不知道的10个JavaScript小技巧** - **核心知识点**: - 不常用但实用的功能(如Array.from、Object.assign等)。 - 提高代码可读性的编码习惯。 - 编写简洁高效的函数式代码技巧。 #### 三、...

    javascript IE窗口居中

    2. 获取屏幕尺寸:接着,我们需要知道用户的屏幕分辨率,这可以通过`screen.width`和`screen.height`获取。 3. 计算偏移量:为了让窗口居中,我们需要计算出窗口的水平和垂直偏移量,即窗口宽度的一半减去屏幕宽度的...

    你必须要知道严格模式下JavaScript的一些要点.txt

    帮助理解JavaScript的严格模式,你必须要知道严格模式下JavaScript的一些要点,你必须要知道严格模式下JavaScript的一些要点,你必须要知道严格模式下JavaScript的一些要点,你必须要知道严格模式下JavaScript的一些...

    IE中调试javascript

    这种方法需要开发者事先知道哪些代码片段可能存在潜在的问题,因此通常需要结合其他工具(如IEDeveloperToolbar)来定位具体的调试位置。 #### 五、应用示例 假设有一个简单的HTML页面(main.htm),其中包含了...

    JavaScript制作的几个简单网页

    最后,虽然这个项目没有提及CSS,但要知道JavaScript可以与CSS结合,通过操作元素的style属性或者修改CSS样式表来实现动态样式变化。这有助于创建更生动、更具吸引力的网页效果。 在实际学习过程中,可能会遇到图片...

    精通JavaScriptPDF版本下载.txt

    - 《你不知道的JavaScript》系列 - 《精通JavaScript》 其中,《精通JavaScript》这本书详细介绍了JavaScript的核心概念和技术细节,适合有一定基础的学习者阅读。该书涵盖了JavaScript的基本语法、DOM操作、AJAX...

    javascript1.5_core(英文版)

    首先,我们要知道JavaScript是一种解释型的、弱类型的脚本语言,它主要由 Netscape 公司的 Brendan Eich 在1995年设计。JavaScript1.5是基于ECMAScript 3规范的,这一规范在1999年发布,为JavaScript奠定了坚实的...

    javascript resoures

    对于进阶学习,你可以阅读"你不知道的JavaScript"系列书籍,或者参加像"JavaScript高级程序设计"这样的经典课程。 实践是提高JavaScript技能的最佳途径。参与开源项目,如GitHub上的各种JavaScript库和框架,如...

    11个震撼的javascript网页效果

    9. **动态表单验证**:利用JavaScript实时验证用户输入,提供即时反馈,避免了传统提交后才知道错误的情况,增强了用户体验。 10. **拖放功能**:JavaScript的拖放API允许用户直接操作网页元素,实现文件上传、布局...

    JavaScript 调用wsdl示例

    这个客户端知道如何构造和发送SOAP请求,同时也能处理返回的响应。 3. **调用服务操作**:每个WSDL服务定义了一系列操作,这些操作对应于可以调用的方法。例如,如果你有一个名为`calculate`的服务操作,你可以通过...

    L10N By JavaScript

    5. **用户体验优化**:为了提供更好的用户体验,可以添加进度条或者加载提示,让用户知道本地化过程正在进行。 **总结:** L10N By JavaScript是一种利用AJAX技术和JSON文件实现的前端本地化方法。它减少了对...

    JavaScript和ASP.NET的传值

    假设我们有一个Dropdownlist控件,ID为`DDL1`,并且知道要选择的选项的文本: ```javascript var ddl = document.getElementById('&lt;%= DDL1.ClientID %&gt;'); for (var i = 0; i ; i++) { if (ddl.options[i].text...

    JavaScript跑酷小游戏源代码

    首先,我们要知道JavaScript是一种广泛用于网页和网络应用的脚本语言,它在浏览器环境中执行,为用户提供了动态交互的体验。在这个跑酷游戏中,JavaScript主要负责处理游戏逻辑、用户输入、动画效果以及与DOM...

Global site tag (gtag.js) - Google Analytics