JavaScript
microcosmv
这个作者很懒,什么都没留下…
展开
-
面试题:(考察Object.defineProperty(obj,prop,descriptor) 的get方法)
参考链接1: javascript学习(九)对象属性的特性参考链接2:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty案例1:var person = {};Object.defineProperty(person, "name", {原创 2017-03-14 00:00:58 · 646 阅读 · 1 评论 -
(转)jQuery height()、innerHeight()、outerHeight()函数的区别详解
链接:jQuery height()、innerHeight()、outerHeight()函数的区别详解 函数 高度范围 jQuery版本 支持写操作 height() height 1.0+ 1.0+ innerHeight() height + padding 1.2.6+ 1.8.0+ outerHeight() height + pad转载 2017-02-21 16:49:13 · 422 阅读 · 0 评论 -
html访问php,返回了整个PHP的页面代码?
查看自己是否是通过webstorm直接点击进入的网页,而不是通过服务器的地址来访问的页面。原创 2017-02-21 00:07:16 · 4887 阅读 · 3 评论 -
为什么setInterval外边获取不到标签元素,在内部却可以获取到?
学习过程中遇到了这个问题,最后发现是因为body写在了script后边,加载页面的时候,首先加载script,这时直接获取元素当然是null。 但是为什么setInterval里却可以获取到呢?答:这是因为setInterval的代码是在设置的时间到了之后才去执行第一次,这时候body标签中的元素已经加载完成,所以可以正常获取得到。 PS:其实很多时候一不小心就犯了这样的毛病,代码的先后顺原创 2017-02-21 00:03:46 · 748 阅读 · 0 评论 -
JavaScript中如何去除字符串前后的空格?
答:利用字符串的replace()方法。具体参考链接: 1:JavaScript replace() 方法详解 : 2:JavaScript RegExp 对象 例子:var str2 = " ni hao ";console.log(str2);console.log(str2.length);var str3 = str2.replace(/^\s*/g, "");/原创 2017-02-20 23:54:36 · 520 阅读 · 0 评论 -
JSON对象的遍历,什么时候用点.什么时候用中括号[]?
1,直接根据键获取值时,两种方法均可以。如下文例子中的obj["username"]和obj.username均可以获取到值。2, []可以使用变量作为参数,在实际使用过程中非常灵活,比如可以写出很通用的代码,而不用考虑具体对象的结构,多用于for (var key in obj) {}。例子: var obj = { "username": "xyz", "a原创 2017-02-20 23:45:22 · 1572 阅读 · 0 评论 -
如何获取textarea中的内容?innerhtml、innerText还是value?
答案:value。 注意:form 里的Dom元素(input select checkbox textarea radio)都是value原创 2017-02-19 00:10:34 · 11232 阅读 · 1 评论 -
(转)Webstorm常用快捷键
1. ctrl + shift + n: 打开工程中的文件,目的是打开当前工程下任意目录的文件。2. ctrl + j: 输出模板3. ctrl + b: 跳到变量申明处4. ctrl + alt + T: 围绕包裹代码(包括zencoding的Wrap with Abbreviation)5. ctrl + []: 匹配 {}[]6. ctrl + F12: 可以显示当前文件的结构7.转载 2017-01-15 23:27:34 · 403 阅读 · 0 评论 -
关于null的typeof和instanceof
问题:alert(typeof(null)); //objectalert(null instanceof Object); //false答案:这是由Javascript规范规定的,Null和Object都是javascript中的数据类型。 Null数据类型只有一个值:null。就像undefined数据类型只有一个值:undefined。 问题出在typeof操作符的定义规范,如下:11转载 2017-01-15 23:22:30 · 6326 阅读 · 0 评论 -
(转)JavaScript中的逻辑运算的返回值(逻辑与&&,逻辑或||,逻辑非!)
参考链接: JavaScript中的逻辑运算的返回值(逻辑与&&,逻辑或||,逻辑非!)1,逻辑与:逻辑与的运算规则,左右两者同为true时,为true;有一者为false时,为false。但是其返回值并非是返回布尔类型的true和false,而是返回其运算符左右两旁的一个值。当有一个false时,返回false一侧的值;当有两个false时,返回运算符之前(左侧)的值;当有两个true时,返回运算转载 2017-03-02 21:35:03 · 823 阅读 · 0 评论 -
JavaScript中把赋值运算作为判断条件是什么结果?
答案:等同于把左边的变量作为判断条件。例子:<script> var x = 0; if (x) { console.log(555); } if (x = 1) { console.log(666); }</script>执行结果:666 这里,先进行了赋值运算,然后if语句判断x的值来决定是否执行结果。 一般不建原创 2017-02-24 17:29:21 · 1880 阅读 · 0 评论 -
JavaScript中的预解析顺序(优先级)
参考链接1: JavaScript函数声明前置与变量声明 参考链接2: javascript的执行顺序处理执行上下文代码分为两个阶段:进入执行上下文执行代码进入执行上下文:进入执行上下文,方法的变量对象(VO)就会被以下属性填充参数,参数名就是VO中的名称。值就是实参的值。如果没有传递,则为undefined函数声明,如果VO中中已经存在相同的属性,则替换它的值变量声明:通过var声明原创 2017-03-12 22:51:22 · 5883 阅读 · 4 评论 -
JavaScript函数执行时函数实参赋值和函数内部预解析的顺序
具体可以参考:JavaScript中的预解析顺序(优先级)结论:1,函数执行的时候,实参首先预解析。 2,实参预解析的时候会赋值。 3,实参预解析完成以后,进行函数内部的预解析。 以上内容作为个人学习记录使用,仅供参考,不足之处,烦请告知。原创 2017-03-12 23:00:11 · 785 阅读 · 0 评论 -
面试题:(考察闭包,this指向,预解析,函数执行顺序等知识点)
案例(不带注释版)var num = 20;var obj = { num : 30, fn : (function (num) { this.num *= 3; num += 15; var num = 45; return function () { this.num *= 4;原创 2017-03-12 21:19:26 · 1675 阅读 · 0 评论 -
面试题:(考察构造函数、对象、实例函数、代码执行顺序等知识点)
案例(注意:注释不一定正确,仅供参考):function foo() { foo.a = function() { console.log(1); };//给foo添加属性。 this.a = function() { console.log(2); }; // 不推荐使用无var的声明方式 a = fu原创 2017-03-12 11:23:18 · 738 阅读 · 0 评论 -
自调用函数中的this指的是什么?
答案:window。ps:匿名函数,定时器,计时器里面的this都是指向window案例1:var num = 1;(function (num) { var num = 2; console.log(this.num); console.log(num);})(num);打印结果:12 以上代码仅作为个人学习记录使用。原创 2017-03-12 11:14:40 · 1657 阅读 · 0 评论 -
clearRect()不能清楚路径
定义: clearRect() 方法清空给定矩形内的指定像素。 注意: clearRect()不能清楚路径。案例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> onloa原创 2017-03-12 00:44:11 · 1896 阅读 · 0 评论 -
修改构造函数的原型,会对实例有什么影响?
修改构造函数的原型之前new的实例和之后new的实例,影响是不同的。1,正常情况。//1function Foo() {}var foo = new Foo();Foo.prototype.flag = 123;//和上一句交换位置也可以,因为操作的是同一块内存。console.dir(foo);//Fooconsole.log(foo instanceof Foo);//trueco原创 2017-03-10 23:37:25 · 1912 阅读 · 0 评论 -
JavaScript的优先级
具有相同优先级的运算符按从左至右的顺序求值。 运算符 描述 . [] () 字段访问、数组下标、函数调用以及表达式分组 ++ – - ~ ! delete new typeof void 一元运算符、返回数据类型、对象创建、未定义值 / % 乘法、除法、取模 + 加法、减法、字符串连接 << >> >>> 移位 < <= > >= instan原创 2017-03-07 00:13:23 · 643 阅读 · 0 评论 -
(转)Java和JavaScript中String、数组长度的求法
在JS中,字符串类型String和数组类型Array都有一个叫length的长度属性值,可以用[对象名.length]的方式读取出来,这里的length是对象固有的属性,不是方法,因此不用.length(),而是直接用.length。在Java中,数组是引用数据类型,不是类,因此也是读取固有的length属性得到数组长度,它没有length()方法。但是,java中的String类型是jdk中已经转载 2017-01-15 23:15:49 · 441 阅读 · 0 评论 -
javascript中局部变量和全局变量的区别详解
>转自:javascript中局部变量和全局变量的区别详解注意:上述链接中有错,有的代码应该从预解析角度思考,但是整体讲的很不错。错误之处:var i = 'yuanjianhang';function myloveName() {alert(i);i = 'guanxi';}myloveName();这段代码输出结果应该是yuanjianhang注意:区别于以下代码:var i =原创 2017-02-06 21:35:22 · 687 阅读 · 0 评论 -
(转)JavaScript中,{}+{},[]+[],{}+[],[]+{}分别等于多少?
参考:JavaScript中,{}+{}等于多少?转载 2017-02-06 12:09:19 · 1076 阅读 · 0 评论 -
JavaScript的history对象实现页面前进、后退、跳转
History 对象的方法 方法 描述 back() 加载 history 列表中的前一个 URL forward() 加载 history 列表中的下一个 URL go() 加载 history 列表中的某个具体页面 个人理解是go内参数当前页面为0,前边打开的页面为负数,后面打开的页面为正数。例1:实现a、b、c页面之间前进后退和跳转。a页面代码:<!DOCTY原创 2016-07-16 00:50:41 · 10089 阅读 · 1 评论 -
JavaScript倒计时setTimeout()和setInterval()
1、setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。语法 setTimeout(code,millisec) 参数 描述 code 必需。要调用的函数后要执行的 JavaScript 代码串。 millisec 必需。在执行代码前需等待的毫秒数。提示和注释 提示:setTimeout() 只执行 code 一次。如果要多次调用,请使用 setIn原创 2016-07-15 22:01:00 · 907 阅读 · 0 评论 -
JavaScript的open()方法:打开新窗口
定义和用法 open() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。语法 window.open(URL,name,features,replace) 参数 描述 URL 一个可选的字符串,声明了要在新窗口中显示的文档的 URL。如果省略了这个参数,或者它的值是空字符串,那么新窗口就不会显示任何文档。 name 一个可选的字符串,该字符串是一个由逗号分隔的特原创 2016-07-15 17:40:12 · 4550 阅读 · 1 评论 -
JavaScript关闭浏览器窗口
window.close();例1:<!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原创 2016-07-15 16:34:59 · 419 阅读 · 0 评论 -
JavaScript的window对象三种对话框
消息框:alert(); 确认框:confirm(); 输入框:prompt();例1:<!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.o原创 2016-07-15 10:47:42 · 961 阅读 · 0 评论 -
JavaScript获取子窗口、父窗口的内容(可用于页面之间传递内容)
1、Window对象的opener属性:返回对创建此窗口的窗口的引用 注释:只有表示顶层窗口的 Window 对象的 operner 属性才有效,表示框架的 Window 对象的 operner 属性无效。例1:通过按钮或者超链接的形式实现从子窗口中传递内容到父窗口中。 父窗口:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional原创 2016-07-14 11:25:03 · 7812 阅读 · 0 评论 -
JavaScript获取和设置窗口宽度、高度
Window的innerHeight和innerWidth属性 只读属性,声明了窗口的文档显示区的高度和宽度,以像素计。 这里的宽度和高度不包括菜单栏、工具栏以及滚动条等的高度。 IE 不支持这些属性。它用 document.documentElement 或 ducument.body (与 IE 的版本相关)的 clientWidth 和 clientHeight 属性作为原创 2016-07-14 08:42:42 · 3515 阅读 · 0 评论 -
JavaScript获取时间
Date()Date 对象的方法 方法 描述 Date() 返回当日的日期和时间 getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31) getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6) getMonth() 从 Date 对象返回月份 (0 ~ 11) 注意:写代码时应该+1; getFullYear()原创 2016-07-09 21:32:41 · 377 阅读 · 0 评论 -
JavaScript实现输入框动态显示光标的XY值
onmousemove 事件 注释:每当用户把鼠标移动一个像素,就会发生一个 mousemove 事件。这会耗费系统资源去处理所有这些 mousemove 事件。因此请审慎地使用该事件。例1:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1原创 2016-07-16 01:42:19 · 776 阅读 · 0 评论 -
JavaScript的location对象实现跳转、刷新页面
Location 对象 Location 对象是 Window 对象的一个部分,可通过 window.location 属性来访问。 Location 对象的属性 属性 描述 hash 设置或返回从井号 (#) 开始的 URL(锚)。 host 设置或返回主机名和当前 URL 的端口号。 hostname 设置或返回当前 URL 的主机名。 href原创 2016-07-16 10:21:45 · 1656 阅读 · 0 评论 -
HTML、CSS、JS全拼
HTML: HyperTextMark-upLanguage 即超文本标记语言; CSS:Cascading Style Sheet 层叠样式表; JS:JavaScript,是一种由Netscape的LiveScript发展而来的脚本语言。原创 2016-10-05 15:25:51 · 2053 阅读 · 0 评论 -
JavaScript里字符串的substr()和substring()参数问题
1. substr()方法:可在字符串中抽取从 start 下标开始的指定数目的字符。语法 stringObject.substr(start,length) 参数 描述 start 必需。要抽取的子串的起始下标。必须是数值。如果是负数,那么该参数声明从字符串的尾部开始算起的位置。也就是说,-1 指字符串中最后一个字符,-2 指倒数第二个字符,以此类推。 length 可选。原创 2016-07-09 18:27:30 · 580 阅读 · 0 评论 -
JavaScript里onkeyup,onkeydown和onkeypress的区别介绍
msdn上有三者的区别: 名称 说明 onkeypress 这个事件在用户按下并放开任何字母数字键时发生。系统按钮(例如,箭头键和功能键)无法得到识别。 onkeydown 这个事件在用户按下任何键盘键(包括系统按钮,如箭头键和功能键)时发生。 onkeyup 这个事件在用户放开任何先前按下的键盘键时发生。代码如下:<html><script>function c转载 2016-07-18 22:35:02 · 1202 阅读 · 0 评论 -
JavaScript的onkeypress键盘事件
定义和用法 onkeydown 事件会在键盘按键被按下并释放一个键时发生。浏览器差异: Internet Explorer 使用 event.keyCode 取回被按下的字符,而 Netscape/Firefox/Opera 使用 event.which。例1: 测试于IE11<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transition原创 2016-07-18 22:20:44 · 1139 阅读 · 0 评论 -
JavaScript设置标题栏或者状态栏动态显示时间
例1:实现标题栏动态显示系统时间。<!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>原创 2016-07-14 12:01:31 · 5076 阅读 · 0 评论 -
JavaScript的onunload()方法在关闭页面时不执行
以下仅确定适用于IE11。 解决办法:将onunload()方法换为onbeforeunload()。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.原创 2016-07-18 21:23:07 · 10555 阅读 · 0 评论 -
JavaScript实现图片轮播和鼠标悬停显示
例: 提前放好了四张图片,并编号。<!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> <titl原创 2016-07-16 15:04:01 · 5905 阅读 · 0 评论 -
JavaScript:实现鼠标的悬停及移出事件
Event 对象 Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。 事件通常与函数结合使用,函数不会在事件发生前被执行!事件句柄 (Event Handlers) 属性 此事件发生在何时… onmouseout 鼠标从某元素移开。 onmouseover 鼠标移到某元素之上。例1:鼠标悬停和移出显示为两种CSS原创 2016-07-16 10:59:12 · 84831 阅读 · 0 评论