javaScript
文章平均质量分 53
ld513508088
这个作者很懒,什么都没留下…
展开
-
利用闭包实现给按钮注册单击事件和键盘事件
function test(){var obj = document.getElementById("main");var items = [ "click", "keypress" ];for ( var i = 0; i (function(){var item = items[i];obj[ "on" + item ] = function() {alert( "原创 2014-07-18 09:48:25 · 826 阅读 · 0 评论 -
比较将字符串转化为整数的几种方式
1、parseInt( ):必须以数字开头,可以含有非数字,不太严格;2、Number( ):必须全部都得是数字,否则将报NaN错误;3、隐式类型转换,如下列:function a(){var a=10;var b='10';alert(a+b);//1010,对于“+”,可以选择字符串连接,可以选择将字符窜转化为数字之后做加法,而计算机选择的是相加alert(a-原创 2012-09-15 15:18:58 · 457 阅读 · 0 评论 -
js数据类型
因js是弱类型语言,声明的变量可以被赋予任何数据类型的值。这就好比一个桶,用它装柴油就是柴油桶,用它装豆油就是豆油桶。总结一句话,js变量类型是由装的东西决定的。对象,本身由更小的单元组成,可以拆分成更小的单元。基本类型,包括数字、字符串、布尔等本身不可以被拆分的。用于检验变量类型的运算符typeofundefined出现的两种情况:真的没有定义、定义了没有赋值。 如:原创 2012-09-15 14:23:00 · 399 阅读 · 0 评论 -
深入理解闭包
深入了解闭包:1、什么是闭包:函数嵌套函数2、闭包特点:函数嵌套函数;内部函数可以引用外部函数的参数和变量,变量长期驻留在内存;防止全局变量的污染;私有成员的存在3、闭包例子:function aaa(a){var b=5;function bbb(){alert(a);alert(b);}return bbb;}var c=aaa();//调用转载 2012-10-06 14:19:53 · 1070 阅读 · 0 评论 -
文字分享
无标题文档#p1{ width:300px; margin:50px;}#div1{ position:absolute; display:none;}window.onload = function(){function selectText(){if(document.selection){ //iereturn document.selection转载 2012-10-05 21:15:16 · 695 阅读 · 0 评论 -
js中字符串方法
1、获取类charAt--------------------得到指定字符;charCodeAt------------指定字符编码;fromCharCode--------编码转换字符;2、查找类indexOf 、lastIndexOf、 search(跟indexOf功能类似,不同之处可以匹配正则表达式)------查找;math、replace------匹配替换原创 2012-09-15 16:33:31 · 549 阅读 · 0 评论 -
js中的parseInt与java的不同
在java中parseInt方法中的参数除了首字符可以是用来表示负数的以外,其余字符必须都是十进制数字;在js中parseInt方法中的参数起始必须是数字之后可以是非数字字符,如:function getInt(){paseInt("123abc");//返回123paseInt("abc123");//NaN}并且需要注意的是,在程序中我们不能直接用"=="判断变原创 2012-09-15 14:50:06 · 1227 阅读 · 0 评论 -
setInterval与setTimeout
定义和用法: setTimeout()方法用于在指定的毫秒数后调用函数或计算表达式。 语法: setTimeout(code,millisec) 参数: code (必需):要调用的函数后要执行的 JavaScript 代码串。 millisec(必需):在执行代码前需等待的毫秒数。 提示: setTimeout() 只执行 code转载 2012-10-03 21:43:22 · 580 阅读 · 0 评论 -
js实现让人物走路,点击人物图片实现砍杀
var picSub = 0; var noa = 0; var time = 150; //时间间隔(毫秒) var pic1 = "01.png"; var pic2 = "02.png"; var pic3 = "03.png"; var pic4 = "01.png"; var picArr = [pic1, pic2, pic3, pic4]; //定义数组,转载 2012-10-03 22:26:22 · 2258 阅读 · 0 评论 -
javascript 在firebug调试时用console.log的方法
当你使用console.log()函数时,下面的firebug一定要打开,不然这函数在用firefox运行时无效且影响正常程序,如果用IE打开,将会出错。第一个参数可以是一个包含格式化占位符输出的字符串,例如: console.log("The %s jumped over %d tall buildings", animal, count);格式化字符串 类型 %s转载 2012-10-04 08:56:57 · 582 阅读 · 0 评论 -
函数基础篇1
1、函数的结构:函数名、圆括号中包含的0个或多个形式参数、包含在花括号中的方法体2、函数体中可有可无return语句,return 语句能够结束函数的运行。若return后无表达式或函数体中不包含return语句将返回一个undefined3、嵌套函数:被嵌入的函数有可能只出现在嵌入函数的顶层,也就是说不能出现在语句块中,例如if、while等语句,这样的限制只针对function定义原创 2012-07-23 10:31:52 · 583 阅读 · 0 评论 -
js中的数组(基础篇)
1、创建数组的方式(1)、数组直接量 var empty=[ ]; var undefs=[ , ,];(2)、调用构造函数 var a=new Array(); var a=new Array(5,4,3,2,1,"testing"} //js是一种非类型语言,数组中元素类型可以不一致 var a=new Array(10); 2、数组元素的读和写原创 2012-07-19 17:41:50 · 5850 阅读 · 0 评论 -
火狐下firebug调试工具的使用
firebug工具:1、firebug是基于火狐浏览器的;2、控制台语句:这些语句可以放在try/catch中console.log();//在控制台中输出console.warn();//警告信息console.error();//错误信息console.group();//分组开始console.groupEnd();//分组结束console.dir();//原创 2012-10-07 15:08:29 · 1763 阅读 · 0 评论 -
iframe的onload事件
iframe.html:"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">8" />aaademo.html:"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">8" />原创 2012-10-07 21:28:06 · 969 阅读 · 0 评论 -
js 几个常识
1、window.opener打开窗体的父窗体window.opener.document.getElementById("cid");2、js是数组是一个动态数组原创 2013-12-12 17:17:35 · 435 阅读 · 0 评论 -
用来取消鼠标右键的js
document.oncontextmenu = function() { return false;}原创 2013-01-22 14:28:19 · 313 阅读 · 0 评论 -
<a href="javascript:void(0);">
含义是,让超链接去执行一个js函数,而不是去跳转到一个地址原创 2013-01-22 15:08:16 · 281 阅读 · 0 评论 -
web开发者必备
[实用]19个Web开发者必备速查表(多图) 摘要:当您在做Web开发遇到一些问题时,或许会通过Google或者查看编程词典来寻求解决方法。今天,我们将为您提供一份非常有价值的备忘录,您只需要收藏此页,即可轻松访问,赶紧收藏吧!>>>开发者在做Web开发时,往往会遇到一些开发问题,也许您会通过Google或者查看编程词典来寻求解决方法。今天,我们将为您提供一份非常有价值的速转载 2012-10-18 12:19:15 · 911 阅读 · 0 评论 -
闭包方式实现全选
window.onload=function(){var oBn=document.getElementById('selectAll');var oIt=document.getElementsByTagName('input');var ooBn=document.getElementById('deSelectAll');oBn.onclick=function(){if原创 2012-09-21 16:24:46 · 640 阅读 · 0 评论 -
排序完全由字母字符串组成的数组
提示:因数组中的字符串是非数字的,不能用parseInt、Number等方法将数组元素转为数组;这里我们采用在对数组排序前将数组中全部元素转为小写字母的方式function test(){var a=['Z','a','C','b','E','d'];for(var i=0;ia[i]=a[i].toLowerCase();}a.sort();alert(a);}原创 2012-09-20 15:18:28 · 549 阅读 · 0 评论 -
在demo中操作iframe&在iframe中操作demo中的元素
js操控iframe:contentWindow:iframe的window对象contentDocument:iframe的document对象1、例子:在页面中操作iframe中的元素demo1.html:"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">8" />无标题文档原创 2012-10-07 21:01:00 · 604 阅读 · 0 评论 -
深入理解对象引用
深入理解对象引用:1、理解一般意义的变量赋值和对象引用赋值 var a=4; var b=a; b=5; alert(b);//5 alert(a);//4 这里是简单的赋值关系 var c=[1,2,3]; var d=c; d.push(4); alert(d);//[1,2,3,4]原创 2012-10-06 22:59:02 · 381 阅读 · 0 评论 -
动态改变页面中iframe
iframe.html:iframe2.html:无标题文档demo.html:window.onload=function(){var oInput=document.getElementsByTagName('input');var oIframe=document.ge原创 2012-10-07 22:43:04 · 725 阅读 · 0 评论 -
防止利用iframe做调用网站
demo.html:钓鱼网站一般在iframe中做嵌套,解决办法是检查如果当前的iframe不是最顶层的窗口,那么就让顶层窗口跳转到当前的iframe页iframe.html:if(window!=window.top){ //防钓鱼代码window.top.location.href=window.locatio原创 2012-10-07 21:53:27 · 2721 阅读 · 0 评论 -
js中变量的作用域
1、所谓的作用域,就是起作用的范围;2、js变量作用域有3种:局部变量、全局变量、必包3、不声明就赋值的变量将成为全局变量,造成的危害污染全局变量,如var a=10;function a(){a=20; //全局变量a原等于10被污染后变成了20}又如:function a(){a=10;}function b(){alert(a);/原创 2012-09-15 13:41:13 · 1321 阅读 · 0 评论 -
js对象基础知识
1、创建对象:第一种方式,对象直接量:var empty={ };var cricle={x:point.x,y:point.y+1,radius:2};第二种方式,new调用构造函数:var a=new Array( );var r=new RegExp("javascript", "i"); //带有初始化对象属性的构造函数2、枚举对象的属性:for(var n原创 2012-07-19 11:18:04 · 589 阅读 · 0 评论 -
continue语句,说点不太常见
执行continue语句时,封闭循环的当前迭代就会被终止,开始执行下一次迭代,这对不同类型的的循环语句含义是不同的:在while循环中,会再次检测循环开头的expression,如果为true将从头开始执行循环体;在do/while循环中,会跳到循环的底部,在顶部开始下一次循环之前,先检测循环条件;在for循环中,先计算increment表达式,再检测test表达式以确定是否应该执行下一次原创 2012-07-12 17:13:33 · 395 阅读 · 0 评论 -
clip属性详解
css中的clip属性用法详解css中的clip属性是一个比较有用的属性,但在实际应用中却很少用到,在使用clip属性时需要注意以下两点:一、clip属性必须和定位属性postion一起使用才能生效。 二、clip裁切的计算坐标都是以左上角即(0,0)点开始计算,如图三所示,这点不像padding和margin,它们两个的右边距和下边距是从最右边和最下边开始计算转载 2012-06-20 12:26:05 · 1591 阅读 · 0 评论 -
js定时循环实现秒表
var the_time = 0;var clock;function disptime(){var date=new Date();var hour=date.getHours();var minute=date.getMinutes();var second=date.getSeconds();//var time=document.getElementById("原创 2012-06-19 16:19:00 · 557 阅读 · 0 评论 -
定时循环
问题引出:当你用动态HTML让什么东西缓缓地在屏幕上移动时,就执行一个定时循环:“轻轻移动一点,等待,再移动一点,再等待.....如此这般” 错误做法:function theTimer(){ the_time = 0; hellIsHot = true; while (hellIsHot == true) { the_time原创 2012-06-19 11:15:25 · 456 阅读 · 0 评论 -
location对象常用方法
一个综合history和location对象的例子:backforwardreloadindexa.htmlc.html原创 2012-06-18 13:32:02 · 2005 阅读 · 0 评论 -
window's property of status and screen,method of open、alert and close
function openwindow(){window.status="系统当前状态,您正在注册用户……";if(window.screen.width==1366&&window.screen.height==768){open("register.html","注册窗口","toolbar=0,location=1,status=0,menubar=0,width=700,hei原创 2012-06-14 13:33:41 · 316 阅读 · 0 评论 -
Date对象常用方法
function disptime(){var date=new Date();var hour=date.getHours();var minute=date.getMinutes();var second=date.getSeconds();//var time=document.getElementById("myclock");//time.value=hour+"原创 2012-06-18 12:57:31 · 863 阅读 · 0 评论 -
history对象
原创 2012-06-18 13:01:47 · 316 阅读 · 0 评论 -
浏览器对象模型
window对象模型转载 2012-06-14 13:29:13 · 260 阅读 · 0 评论 -
相关数组
function displayNumber(indexValue){ var number_box=document.getElementById("number_box"); var phone_book = new Array(); phone_book["happy"] = "(203) 555-1234"; phone_book["sleepy"] ="(原创 2012-06-12 23:58:18 · 347 阅读 · 0 评论 -
js中substring或split方法取得URL中的域名
1、split方式function convertTemp(){ var the_url = prompt("What's the URL?",""); var first_split = the_url.split("//"); alert(first_split[0]); var without_resource = first原创 2012-06-10 23:10:59 · 7182 阅读 · 0 评论 -
js中var的作用
function fahrenToCelsius(fare){ temp = (fare - 32) * 5/9; alert(temp); return temp;}function convertTemp(){ temp = prompt("what temperature fahrenheit? ","50"); celsiu原创 2012-06-10 22:31:39 · 2544 阅读 · 0 评论 -
js辨别浏览器
document.all是IE 4.0及以上版本的专有属性,是一个表示当前文档的所有对象的娄组,不仅包括页面上可见的实体对象,还包括一些不可见的对象,比如html注释等等。在document.all数组里面,元素不分层次,是按照其在文档中出现的先后顺序,平行地罗列的。所以可以用数字索引来引用到任何一个元素。但比较常用的是用对象id来引用一个特定的对象,比如document.all["element转载 2012-06-25 11:57:25 · 458 阅读 · 0 评论 -
css中clip属性
css中的clip属性是一个比较有用的属性,但在实际应用中却很少用到,在使用clip属性时需要注意以下两点: 一、clip属性必须和定位属性postion一起使用才能生效。 二、clip裁切的计算坐标都是以左上角即(0,0)点开始计算,如图三所示,这点不像padding和margin,它们两个的右边距和下边距是从最右边和最下边开始计算的。clip属性基础语法: clip原创 2012-06-25 13:31:28 · 355 阅读 · 0 评论