Javascript
andrewleeeeee
这个作者很懒,什么都没留下…
展开
-
splice 删除数组元素
splice(num1, num2);从数组中,第一个位置开始到第二个位置的元素,都删除原创 2013-11-11 19:50:36 · 496 阅读 · 0 评论 -
indexOf()指出字符串的所处位置(整数)
var str="Hello world!"document.write(str.indexOf("Hello") + "")document.write(str.indexOf("World") + "")document.write(str.indexOf("world"))返回整数,分别是0,-1(因为大小写敏感),6原创 2013-11-06 12:19:40 · 465 阅读 · 0 评论 -
加载图片Image方法
var twitterBird = new Image(); twitterBird.src = "twitterBird.png";或者 var newImage = "url(images/" + idToPush + "pressed.png)" ;原创 2013-11-06 12:38:34 · 539 阅读 · 0 评论 -
addEventListener方法来注册事件给对象
类似 window.onload = function.... 这种事件处理方法,是直接将函数赋给对象属性addEventListener方法可以直接注册事件给对象,用于类似html5视频googlemap api调用等场合var video;video.addEventListener("ended", nextVideo, false); 参数1:监听事件名称,类原创 2013-11-05 14:17:03 · 1169 阅读 · 0 评论 -
querySelectorAll选择器
html5引入的一种选择器,类似于getElementByTagName ,但是返回的是一个元素对象数组如:var controls = document.querySelectorAll("a.control"); // a标签下class=control的元素数组再如document.querySelectorAll("div")原创 2013-11-05 21:12:44 · 645 阅读 · 0 评论 -
表单下拉选项selectedIndex的应用:
表单下拉选项的应用:var selectObj = document.getElementById("shape"); //先取表单的下拉菜单var index = selectObj.selectedIndex; //取当前用户或者默认选择的选项,此处取出一个数组[]0开始var shape = selectObj[index].value; //根据数组取出value值来使用原创 2013-10-31 19:06:03 · 903 阅读 · 0 评论 -
window/document/元素对象
window是对象,document是对象,document.getElementById....返回的是对象。。。 javascript中到处都是对象。注意这里只列出了几个常用的属性方法,并不是全部。1.window对象,是全局环境,也表示应用主窗口,所有的全局变量都可以用window. 来表示,只是省略了。对象:window属性:location (包含页面的URL,如果改变就原创 2013-10-22 09:56:44 · 456 阅读 · 0 评论 -
JSON就是一个对象的数组
如var sales = [ {"name":"abc", "time":321, "sale":8}, //对象{"name":"abc", "time":321, "sale":8},{"name":"abc", "time":321, "sale":8}] //数组原创 2013-10-30 11:47:34 · 640 阅读 · 0 评论 -
target.getAttribute获取调用这个程序的元素的属性或id等
如:function setEffect(e){var id = e.target.getAttribute("id"); //获取调用setEffect函数元素的id} //会是4个中的1个原创 2013-11-06 12:15:18 · 5620 阅读 · 0 评论 -
Math常用方法
1.丢弃小数部分,保留整数部分parseInt(5/2)2.向上取整,有小数就整数部分加1Math.ceil(5/2)3,四舍五入.Math.round(5/2)4,向下取整Math.floor(5/2)Math 对象的方法FF: Firefox, N: Netscape, IE: Internet Explorer方法 描述转载 2013-11-21 12:08:01 · 1107 阅读 · 0 评论 -
substring和substr的用法
substring 方法用于提取字符串中介于两个指定下标之间的字符substring(start,end)开始和结束的位置,从零开始的索引参数 描述start 必需。一个非负的整数,规定要提取的子串的第一个字符在 stringObject 中的位置。stop 可选。一个非负的整数,比要提取的子串的最后一个字符在 stringObject 中的转载 2013-11-11 12:26:57 · 662 阅读 · 0 评论 -
JSON小例子:对象和json串之间转换
1.对象转json串:用于上传服务器var Movie = new Movie ("plan 9", "Classic", 2, "3:00pm");var jsonString = JSON.stringify(Movie); alert (jsonString); 2.json串转对象:用于从服务器取回串后,转为对象进行显示加工var jsonObject = J原创 2013-10-28 13:13:53 · 347 阅读 · 0 评论 -
画布canvas,表单选项,随机矩形和圆,文字图像表示
1.canvas画布是web中显示的图形区,上下文context是与画布关联的对象,它定义了一组属性和方法,可以在画布上进行绘画保存恢复等操作。context支持很多接口 2d,webGL等,指定了接口才能进行绘制。2.ie9以后的版本才支持canvas3.表单下拉选项的应用:var selectObj = document.getElementById("shape"); //先取原创 2013-11-04 20:39:30 · 1373 阅读 · 0 评论 -
JS使用google地图API完成一个完整地图应用
function getMyLocation(){if (navigator.geolocation) //navigator.geolocation属性包含整个地理定位的API,支持的主要方法是getCurrentPosition{navigator.geolocation.getCurrentPosition(displayLocation, displayError);原创 2013-10-23 17:07:27 · 6049 阅读 · 1 评论 -
使用XMLHttpRequest进行浏览器和服务器的交互
注意:1.使用javascript发出HTTP请求时,需要用到XMLHttpRequest对象2.HTTP相应包括一个相应码,指示是否有错误,request.status == 200 为正常3.应用中无需重新加载页面,即所谓的AJAX4.注意XMLHttpRequest的兼容性,1.0和2.0版本都要兼顾,ie8以下只支持1.0,所以使用时要注意,使用request.onre原创 2013-10-30 19:18:46 · 2265 阅读 · 0 评论 -
html5实现视频播放<video>
注意:1.关于视频格式,不同浏览器支持的不一样,safari--mp4 chrome--webm firefox opera--ogv,ie8或更早的浏览器不支持2.语句详解 Sorry, your browser doesn't support the video element3.原创 2013-11-05 19:23:16 · 4164 阅读 · 0 评论 -
控件播放视频,播放暂停循环等功能,以及画布的scratch缓冲处理视频
1.scratch缓冲画布是怎么工作的,由最下层的video,中间的处理画布,最上层的展现画布组成2.视频的一帧 = 一个像素 = 4个值(R G B ALPHA)var videos = {video1: "video/demovideo1",video2: "video/demovideo2"};var effectFunction =原创 2013-11-06 17:45:11 · 1657 阅读 · 1 评论 -
html5本地存储(Web Storage API)
1.浏览器可以存储5-10M内容,比以往的cookie4k容量高得多,注意是每个域名5M2.localStorage.setItem ([string]key, [string]value); //用localStorage对象的setItem方法存储键/值,注意键/值只能是字符串,数字或对象不能直接存储3. var sticky = localStorage.getItem("s原创 2013-11-11 20:03:58 · 1599 阅读 · 0 评论 -
传递数据的游戏,一些常用的伎俩
编程其实就是数据传递的游戏,常见方法有:1. for (var i=0; i{var string = aaa[i]; //声明i index这种索引, 其实就是为了取出数组中的内容}原创 2013-10-21 18:17:21 · 556 阅读 · 0 评论 -
setInterval定时器
其实是windows对象的方法:setInterval(handleRefresh, 3000); //每多少毫秒调用函数handleRefreshfunction handleRefresh(){alert("timeup!");}原创 2013-10-30 18:45:17 · 421 阅读 · 0 评论 -
JSONP解决跨域取数据的问题
1.就是在html尾部添加script src标签,只不过src地址要加参数(或者叫包装函数),参数即js要使用的函数 如:2.例如callback这种参数,要看对方服务器的要求添加3.这种方法,返回来的即已是js对象,无需像XMLHttpRequest使用JSON.Parse转换4.XMLHttpRequest为了避免恶意的js访问你的服务器,所以不允许跨域,JSONP可以原创 2013-10-30 20:04:05 · 911 阅读 · 0 评论 -
全局变量和局部变量
1.函数外定义的为全局变量, 函数内定义的为局部变量2.全局变量作用于整个页面,局部变量只作用于该函数内3.如果全局变量和局部变量名重复了,函数内会使用局部变量,且这两个变量被看为不同的变量4.尽量少用全局,多用函数的局部变量原创 2013-10-21 16:04:51 · 440 阅读 · 0 评论 -
函数的return
return 可以向调用的代码返回一个值,但不是每个函数都必须有return,具体看情况.如:function bark (dogName, dogWeight){if (dogWeight {return dogName + "say Yip";}else{return dogName + " say Woof";}}var sound =原创 2013-10-21 15:18:36 · 412 阅读 · 0 评论 -
javascript与DOM(文档对象模型)
浏览器加载页面时会解析HTML并创建一个DOM(文档数据模型),树状结构,javascript可以与DOM中的元素/标记进行互动,我们看到的结果就是动态页面.原创 2013-10-17 18:29:43 · 442 阅读 · 0 评论 -
undefined和null
undefined表示变量未赋值;null表示这个标量有一个空值原创 2013-10-17 19:58:05 · 394 阅读 · 0 评论 -
getElementById
javascript一个常用的访问元素的方法,如:html: js:var planet = document.getElementById("greenplanet"); //document表示浏览器中的整个页面,包含完整的DOM,可以让它做任何事情,比如查找一个特定的IDplanet.innerHTML = "Red Alert:hit by phaser fire";原创 2013-10-17 18:44:53 · 461 阅读 · 0 评论 -
javascript如果数字和字符串相加会自动转换为字符串
javascript如果数字和字符串相减会自动转换为字符串原创 2013-10-17 17:26:43 · 670 阅读 · 0 评论 -
Math随机数
Math是一个内置的javascript库,包含一大堆与数学相关的函数.Math.random()会生成0到1之间的一个随机数(可以是整数或者浮点数).Math.floor()是去除浮点数,取整数.如:var word1 = ["aaa", "bbb", "ccc"];var rand1 = Math.floor(Math.random() * words1.length );原创 2013-10-17 19:54:45 · 632 阅读 · 0 评论 -
数组
创建数组:var temp = new Array();temp[0] = 59.2;temp[1] = 60.1;temp[2] = 46;.....或者var temp = [59.2, 60.1, 63, 12];使用数组:var message = "The temperature at 5" + temp[5];了解数组大小/长度原创 2013-10-17 19:13:35 · 379 阅读 · 0 评论 -
等待页面加载
告诉浏览器要在页面全部加载完之后再运行js:function init(){var planet = document.getElementById ("greenplanet");planet.innerHTML = "Red Alert";}window.onload = init; //使用window对象的onload属性,运行函数原创 2013-10-17 18:55:36 · 471 阅读 · 0 评论 -
函数也是值
1.函数也是一个数值,可以赋给变量function addOne(num) {return num + 1;}var plusOne = addOne;var result = plusOne(1); //22.也可以不声明函数名var f = function (num) {return num + 1;}var result = f(1);alert(result原创 2013-10-21 16:21:30 · 454 阅读 · 0 评论 -
javascript的对象和属性/方法
对象是属性的集合1.创建对象,类似oc的字典var fido = {name:"fido", weight:40, breed:"Mixed",loves["walks", "fetching balls"]};2.访问属性,用点来连接if (fido.weight > 25) .... 3.改变属性,直接覆盖fido.weight = 27;原创 2013-10-21 17:08:06 · 562 阅读 · 0 评论 -
this关键字与构造函数
在函数内用到对象的属性时,常要用到this关键字,指出是这个对象的属性如:var movie1 = {title:"play 9";genre:"cult classic";rating:5;showtimes:["3:00pm", "7:00pm", "9:00pm"];getNextShowing:function() {for (var i = 0; it原创 2013-10-21 18:54:55 · 532 阅读 · 0 评论 -
简单的小应用-歌曲列表添加(表单输入内容li增加到ul中)
注意:1.判断表单字符串是否为空,用"",而不是null,因为是字符串2.使用变量名时不要加双引号3.appendChild 将元素添加到父元素的后面4.createElement 可以创建元素5.save和load使用了localStorage,后面会有介绍Webville Tunes type="image/ico"原创 2013-10-18 11:22:23 · 449 阅读 · 0 评论 -
计算起点终点之间的距离
function computeDistance(startCoords, destCoords) {var startLatRads = degreesToRadians(startCoords.latitude);var startLongRads = degreesToRadians(startCoords.longitude);var destLatRads = degrees原创 2013-10-23 18:03:29 · 1068 阅读 · 0 评论 -
Google地图与js地图API
js的地图API能进行定位等功能,但不能给出可视化的表现,这就需要利用GoogleMap这种第三方工具进行可视化表现原创 2013-10-23 17:58:59 · 544 阅读 · 0 评论 -
几种地图定位方法
1.GPS:移动设备支持全球定位系统,利用卫星进行精确定位,位置包括高度速度和朝向。不过耗费时间较长且费电。2.IP地址:通过ip地址可以映射到一个物理位置,不过不准确,经常会定位到ip的isp服务商。3.蜂窝电话:根据你与一个或多个蜂窝电话基站距离来确定位置,相当精确,比GPS要快,蜂窝越多越精确。4.WIFI:通过定位wifi的无线运营商来定位,速度很快且较精确。原创 2013-10-22 17:41:32 · 1436 阅读 · 0 评论 -
什么是API
API就是带有属性和方法的对象,如位置定位对象 navigator.geolocation,包含了整个地理定位的API原创 2013-10-22 18:20:34 · 389 阅读 · 0 评论 -
形参与实参
定义时指定行参,调用时指定实参定义时:function cook(degrees, mode, duration) // 3个行参{ // code }调用时:cook(425.0, "bake", 45); //3个实参原创 2013-10-21 15:33:11 · 531 阅读 · 0 评论 -
对象,指针
1.先解释一下对象,以人类为例,人类是一个类class,某一个人是人类的实例对象,对象的行动坐卧走是方法,对象的姓名年龄国籍是属性.2.类: Dog ====name:"fido" ====weight:40 ====breed:"Mixed" ====loves:["walks","fechting原创 2013-10-21 17:38:35 · 456 阅读 · 0 评论