js基础
躺屋顶看月亮
黄沙百战穿金甲,不破楼兰终不还。
展开
-
JS ready()和onload()的区别
document.ready和onload的区别——JavaScript文档加载完成事件 页面加载完成有两种事件,一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件),二是onload,指示页面包含图片等文件在内的所有元素都加载完成。原创 2016-11-23 20:04:57 · 1371 阅读 · 0 评论 -
javascript数组和字符串的常见用法
js中数组和字符串理解起来很简单,但是一些常见用法由于比较杂乱,记起来并不容易而且也容易混淆。我把这些用法总结了一下,并且道明了其中的差别。不足的地方也请大家多多指教。1、数组和字符串的转换 join();首先,我们得知道字符串和数组之间可以相互转换。 数组转换成字符串 输入效果如下图: 这个时候的输出跟直接用alert输出数组arr效果一样。如果我们想要它们组成类似于英文单词的格式要怎原创 2016-12-08 03:58:13 · 349 阅读 · 0 评论 -
获取文档坐标和视口坐标的函数
1. 获取视口坐标function getPosition(element) { var oP = element.offsetParent; var x = element.offsetLeft; var y = element.offsetTop; while(oP) { //水平原创 2016-11-24 23:36:54 · 653 阅读 · 0 评论 -
函数的形参和实参
定义一个函数,用来计算盒子的面积: function getArea(width,height){//width 和height就是形参 return width*height; } getArea(3,5);//3和5就是实参。原创 2016-11-24 23:33:29 · 1225 阅读 · 0 评论 -
3中函数表达式的区别
1. 声明式函数 function area(width,height) { return width*height; } var size = area(3,4);解释器在执行每段脚本前会先搜寻变量和声明式函数。这表明函数可以在声明之前的位置被调用。2、表达式函数var area = function(width,height) { return原创 2016-11-24 23:32:45 · 449 阅读 · 0 评论 -
一张图帮你分清scroll、offset、client
编程时经常需要获取div的宽、高以及左右边距之类的数据,写法多样。它们之间的差别及其微小,稍微不注意就可能失之毫厘谬以千里。下面这张图可以帮你分清楚这些写法之间的关系。看到上面这张图,你一定觉得很复杂,数据太多不知道从哪里开始看起。不过没关系,我来帮你总结上面这张图的信息。1、div.scrollHeight 指的是整个文档的高度,即包括超出屏幕的部分。2、div.offsetHeight原创 2016-11-24 23:28:56 · 850 阅读 · 0 评论 -
js两种显示日期的方法
方法-var d = new date();var day = d.getDay();switch(day) {case 0:day = "日"break;case 1:day = "一"break;case 2:day = "二"break;case 3:day = "三"break;case 4:day = "四"break;case 5:day = "五"break;case 6:day =原创 2016-11-24 23:25:55 · 696 阅读 · 0 评论 -
理解js的全局变量和局部变量
全局变量:可以随时调用的变量。局部变量:只能在函数内部调用的变量比喻:清朝有兵部、吏部 、刑部三个部门,相当于三个函数。兵部可以调动守备军,吏部可以调动后勤兵,刑部可以调动狱卒,这三支部队相当于三个变量,只能被本部门调用,不能被其它部门调用。而三者都可以调动老板姓这支变量。代码例子:情况一function aaa() {i = “aiaiai” }function bbb() {alert(i);原创 2016-11-24 23:24:29 · 390 阅读 · 0 评论 -
js--变量的复制与函数参数的传递
编程的时候,你可能会碰到关于变量赋值和变量作为参数传递之类的疑难杂症。明明是符合逻辑的,偏偏结果不是自己想要的。下面请听我一一道来。请看代码代码1: var a = 5; var b = a; b = 6; alert(a);这时页面输出结果为:5.这里大家肯定觉得没什么问题,那么请看代码2. 2. 代码2:var obj1 = { name:"关羽",原创 2016-11-24 09:35:01 · 2631 阅读 · 1 评论 -
缓存DOM查询
用来在DOM树中查找元素的方法被成为DOM查询。 当脚本选择一个元素进行访问或更新时,解释器必须先在DOM树中找到这些元素。如果脚本需要多次使用同一个元素,可以把这些元素的位置保存在一个变量中。这节省了浏览器再次在DOM树中遍历查找同一个元素的时间。这一方式被称为选择缓存。原创 2016-11-24 06:24:54 · 1487 阅读 · 0 评论 -
什么叫阻止默认事件
a标签点击一下默认会跳转到指定的页面,如果给他一个return false就可以阻止它的跳转。 阻止默认事件 百度一下 阻止默认事件 1.通过on这种方式的绑定的,使用return false; 2.addEventList原创 2016-11-24 02:46:29 · 2428 阅读 · 0 评论 -
typeof 与instanceof
typeof用来判断变量的数据类型。 instanceof用来判断某个对象是否 属于父类型。typeof的返回值有6种: number、string、boolean、object、function、undefined 对象、数组、null 返回的值是 object。Infinity 表示无穷大特殊值 NaN 特殊的非数字值 Number.MAX_VALUE 可原创 2016-11-24 02:39:13 · 284 阅读 · 0 评论 -
NaN怎么理解
w3c的解释是代表非数字值的特殊值。 这句话很难理解。 举个例子: parseInt可以把字符串转换成number。 parseInt(“8”)返回值为8; parseInt(“10”)返回值为10; 可是: parseInt(“中文字符”)返回NaN; parseInt(“3,2”) 这样写表示一个以2为基底的二进制数3经过函数parseInt()作用返回一个十进制整数。但是二进原创 2016-11-24 02:15:41 · 2129 阅读 · 0 评论 -
三元运算符
(这里写条件)?(这里写条件为真时运行的代码):(这里写条件为假时运行的代码);var bb = "齐天大圣比二郎神厉害"; (bb)?(alert("齐天大圣厉害")):(alert("二郎神厉害")); 最后窗口输出齐天大圣厉害。原创 2016-11-24 01:57:00 · 406 阅读 · 0 评论 -
typeof
typeof 运算符 返回一个用来表示表达式的数据类型的字符串。typeof[()expression[]] ;expression 参数是需要查找类型信息的任意表达式。说明 typeof 运算符把类型信息当作字符串返回。typeof 返回值有六种可能: “number,” “string,” “boolean,” “object,” “function,” 和 “undefined.”type转载 2016-11-23 20:06:43 · 405 阅读 · 0 评论 -
indexOf()在字符串进行检索
indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。如果要检索的字符串值没有出现,则该方法返回 -1。<script type="text/javascript">var str="Hello world!"document.write(str.indexOf("Hello") + "<br />")document.write(str.indexOf("World") +转载 2016-12-08 04:02:56 · 2121 阅读 · 0 评论