<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>
分享到:
相关推荐
Web前端学习资料,Javascript学习
总之,这个故事以虚构的情节生动地描绘了学习JavaScript的起点,鼓励初学者要有信心、毅力,并在实践中不断提升,最终成为JavaScript的大师。通过学习JavaScript,开发者可以实现动态交互的网页,构建功能强大的应用...
对于任何想要深入JavaScript的开发者来说,了解并掌握一些核心概念至关重要。以下是对“每个JavaScript开发人员应该知道的33个概念”的详细阐述。 1. 变量与数据类型:JavaScript支持变量,包括var、let和const的...
本书是 JavaScript 语言的参考手册,包括核心语言中的对象和客户端、服务器端的扩展。JavaScript 是 Netscape 跨平台的基于对象的适合于客户和服务器的脚本语言。 你应该已经知道的东西 在哪里能找到 JavaScript ...
自由定理:自由定理是与函数类型签名相关的概念,它允许在不知道函数具体实现的情况下,推断出函数的某些行为。 上述知识点共同构成了JavaScript函数式编程的核心内容。通过掌握这些概念,开发者可以编写出更加简洁...
### 必须知道的JavaScript知识 #### JavaScript与ECMAScript的关系 JavaScript是一种广泛使用的脚本语言,用于网页的客户端编程。然而,JavaScript的核心规范是由ECMA国际组织制定的标准,即ECMAScript。...
4. **你可能不知道的10个JavaScript小技巧** - **核心知识点**: - 不常用但实用的功能(如Array.from、Object.assign等)。 - 提高代码可读性的编码习惯。 - 编写简洁高效的函数式代码技巧。 #### 三、...
2. 获取屏幕尺寸:接着,我们需要知道用户的屏幕分辨率,这可以通过`screen.width`和`screen.height`获取。 3. 计算偏移量:为了让窗口居中,我们需要计算出窗口的水平和垂直偏移量,即窗口宽度的一半减去屏幕宽度的...
帮助理解JavaScript的严格模式,你必须要知道严格模式下JavaScript的一些要点,你必须要知道严格模式下JavaScript的一些要点,你必须要知道严格模式下JavaScript的一些要点,你必须要知道严格模式下JavaScript的一些...
这种方法需要开发者事先知道哪些代码片段可能存在潜在的问题,因此通常需要结合其他工具(如IEDeveloperToolbar)来定位具体的调试位置。 #### 五、应用示例 假设有一个简单的HTML页面(main.htm),其中包含了...
- **书籍推荐**:《你不知道的JavaScript》、《深入浅出Node.js》等书籍都是不错的学习资料。 - **社区交流**:GitHub、Stack Overflow等社区可以帮助开发者解决实际问题。 通过以上介绍,我们不难发现JavaScript...
最后,虽然这个项目没有提及CSS,但要知道JavaScript可以与CSS结合,通过操作元素的style属性或者修改CSS样式表来实现动态样式变化。这有助于创建更生动、更具吸引力的网页效果。 在实际学习过程中,可能会遇到图片...
- 《你不知道的JavaScript》系列 - 《精通JavaScript》 其中,《精通JavaScript》这本书详细介绍了JavaScript的核心概念和技术细节,适合有一定基础的学习者阅读。该书涵盖了JavaScript的基本语法、DOM操作、AJAX...
首先,我们要知道JavaScript是一种解释型的、弱类型的脚本语言,它主要由 Netscape 公司的 Brendan Eich 在1995年设计。JavaScript1.5是基于ECMAScript 3规范的,这一规范在1999年发布,为JavaScript奠定了坚实的...
对于进阶学习,你可以阅读"你不知道的JavaScript"系列书籍,或者参加像"JavaScript高级程序设计"这样的经典课程。 实践是提高JavaScript技能的最佳途径。参与开源项目,如GitHub上的各种JavaScript库和框架,如...
9. **动态表单验证**:利用JavaScript实时验证用户输入,提供即时反馈,避免了传统提交后才知道错误的情况,增强了用户体验。 10. **拖放功能**:JavaScript的拖放API允许用户直接操作网页元素,实现文件上传、布局...
5. **用户体验优化**:为了提供更好的用户体验,可以添加进度条或者加载提示,让用户知道本地化过程正在进行。 **总结:** L10N By JavaScript是一种利用AJAX技术和JSON文件实现的前端本地化方法。它减少了对...
假设我们有一个Dropdownlist控件,ID为`DDL1`,并且知道要选择的选项的文本: ```javascript var ddl = document.getElementById('<%= DDL1.ClientID %>'); for (var i = 0; i ; i++) { if (ddl.options[i].text...
在不知道用户是从哪个页面跳转而来时,可以使用`history.back()`函数,它会将用户带到访问历史中的前一个页面。通过`<a>`标签的`onClick`事件绑定此函数,用户点击即可返回。 2. **文字横向滚动**: `marquee`...