内容简介:JavaScript是面向对象语言,通过原型机制实现继承,通过『闭包』等方式可以实现封装。 本文来探讨JavaScript对象的特殊之处:原型链、引用、反射、属性遍历等特性。 一、对象创建 JavaScript拥有非常直观的对象创建方式: var emptyObject = {}; var person = { name: harttle, age: 24 }; 相当于: var xx = new Object(); xx.name = hartle; xx.age = 24; 二、属性访问 属性可以通过两种语法访问: person.age...
本文实例讲述了JS实现不需要上传的图片预览插件与用法。分享给大家供大家参考,具体如下:小小的几十行代码,很牛逼,很实用。支持多个图片的预览,只要new多个对象就行了。html如下<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head><title>uploadPreview演示</title><script src="uploadPreview....
本文实例讲述了JavaScript中Array对象用法。分享给大家供大家参考,具体如下:Array数组对象有很多常用的方法和属性,现总结如下:1. length属性,获取数组中元素的个数。2. concat()方法,连接两个数组。将两个数组连接起来。示例如下:var names= new Array(Jack,Tom,Jim); var ages= new Array(12,32,44); var concatArray; concatArray=names.concat(ages); 这里的concatArray就是姓名数组与年龄数组结合的新数组。3. slice(...
本文实例讲述了JavaScript中return用法。分享给大家供大家参考,具体如下:return可以接受函数中的返回值,前提是函数中要有return语句。下面是一个应用小示例:<html><head><script type=text/javascript>function linkPage(){alert(You Clicked??);return false;}</script></head><body><A href=http://www.baidu.com name=link onclick="return linkPage()">Click Me</A></body> <html> 这个例子很简单,如果单击Click Me就会...
JavaScript是前端开发中常用的一种脚本语言,我整理了一些少见的用法1、闭包,优点可以避免变量污染,很多js框架(如jQuery)及插件都使用闭包方式来实现 (function(args1, args2...){ //js code})(args1, args2...); 等价写法:!function(){ //js code}(); // 不推荐使用,可能存在兼容性问题2、逗号表达式,可以将多条语句组合成一条语句 return alert(ha ha!),!1; //逗号表达式,值为最后一个表达式的值,!1表示...
前言关于JavaScript中this的用法网络中已经有较多比较详尽的介绍,可以参考本文的参考学习资料和网络。本文结合网络收集整理,尝试以一种简易的方式阐述JavaScript中this的用法,希望对大家关于JavaScript中this用法的快速理解有所帮助。正文1. this用法实例[javascript] window.color = “red”; var o = { color: “blue” }; function sayColor(){ alert(this.color); } sayColor(); //”red” o.sayColor = sayColor; o.sa...
最近做项目中牵扯到要写一些cookie的例子,发现在自己在js方面还有很多的不足,然需要努力:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><script type="text/javascript" src="js/common/jque...
我们经常需要在JavaScript中给Element动态添加各种属性,这可以通过使用setAttribute()来实现,这就涉及到了浏览器的兼容性问题。setAttribute(string name, string value):增加一个指定名称和值的新属性,或者把一个现有的属性设定为指定的值。1、样式问题setAttribute("class", value)中class是指改变"class"这个属性,所以要带引号。vName代表对样式赋值。例如:var input = document.createElement("input");input.setAttribut...
replace 语法 stringObj.replace(rgExp, replaceText) stringObj 必选项。要执行该替换的 String 对象或文字。该对象不会被 replace 方法修改。 rgExp 必选项。描述要查找的内容的一个正则表达式对象。 replaceText 必选项。是一个String 对象或文字,对于stringObj 中每个匹配 rgExp 中的位置都用该对象所包含的文字加以替换。 例如: Js代码 <script language="JavaScript"> var strM = "javascript is a good script langu...
最近看了下 underscore.js ,看到里面有个 template 的方法,小使了一下,感觉挺不错的,觉得能满足我日常工作的需求了,而且使用起来也简单容易,具体用法可以 参考这里 。还有, underscore.js 是个不错的东西呀,里面有很多很实用的方法,都可以顺手拿来使用,省了不少功夫呢。:) - - var datas = [{title: 标题1,url: http://www.baidu.com,film: 电影名称1},{title: 标题2,url: http://www.baidu.com,film: 电影名称2},{t...
1.最近在写js代码完成一个前段DOM操作的函数时,自己错误的使用了if..else..控制体。为什么是错误的呢?看看我的代码你就明白了:document.getElementsByClassName(eButton)[0].onclick=function(){var checked=document.getElementsByClassName(checked);var eButton=document.getElementsByClassName(eButton)[0];if(checked.length==0){alert(请选择要编辑的联系人!);}else{if(checked.length >2){alert(每次编辑只能选择一条记...
在js开发应用中我们通常会碰到“|”与“||”了,那么在运算中“|”与“||”是什么意思呢? 在js整数操作的时候,相当于去除小数点,parseInt。在正数的时候相当于Math.floor(),负数的时候相当于Math.ceil() 注:1. Math.ceil()用作向上取整。2. Math.floor()用作向下取整。3. Math.round() 我们数学中常用到的四舍五入取整。console.log(0.6|0)//0console.log(1.1|0)//1console.log(3.65555|0)//3console.log(5.99999|0)//5console...
语法 setInterval(code,millisec[,"lang"]) 参数 描述 code 必需。要调用的函数或要执行的代码串。 millisec 必须。周期性执行或调用 code 之间的时间间隔,以毫秒计。 返回值 一个可以传递给Window.clearInterval()从而取消对code的周期性执行的值。实例function clock() { ?? ? ? var t=new Date(); ?? ? ? document.getElementById("clock").value=t } var int=setInterval("clock()",50);Stop interval
语法setTimeout(code,millisec) 参数 描述 code 必需。要调用的函数后要执行的 JavaScript 代码串。 millisec 必需。在执行代码前需等待的毫秒数。 提示和注释 提示:setTimeout() 只执行 code 一次。如果要多次调用,请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。 实例:function timedMsg() { ? ?var t=setTimeout("alert('5 seconds!')",5000) }Click on the button above. An alert box will be dis...
语法stringObject.indexOf(searchvalue,fromindex) 参数 描述 searchvalue 必需。规定需检索的字符串值。 fromindex 可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数,则将从字符串的首字符开始检索。说明 该方法将从头到尾地检索字符串 stringObject,看它是否含有子串 searchvalue。开始检索的位置在字符串的 fromindex 处或字符串的开头(没有指定 fromind...