`
xiaobo.liu
  • 浏览: 39830 次
  • 性别: 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,开发者可以实现动态交互的网页,构建功能强大的应用...

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

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

    JavaScript语言参考手册

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

    javascript函数式编程

    自由定理:自由定理是与函数类型签名相关的概念,它允许在不知道函数具体实现的情况下,推断出函数的某些行为。 上述知识点共同构成了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王者归来PDF本下载.txt

    - **书籍推荐**:《你不知道的JavaScript》、《深入浅出Node.js》等书籍都是不错的学习资料。 - **社区交流**:GitHub、Stack Overflow等社区可以帮助开发者解决实际问题。 通过以上介绍,我们不难发现JavaScript...

    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允许用户直接操作网页元素,实现文件上传、布局...

    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功能)

    在不知道用户是从哪个页面跳转而来时,可以使用`history.back()`函数,它会将用户带到访问历史中的前一个页面。通过`&lt;a&gt;`标签的`onClick`事件绑定此函数,用户点击即可返回。 2. **文字横向滚动**: `marquee`...

Global site tag (gtag.js) - Google Analytics