JavaScript
闲逛上海滩
闲逛上海滩
展开
-
JS 中 this 关键字详解
本文主要解释在JS里面this关键字的指向问题(在浏览器环境下)。首先,必须搞清楚在JS里面,函数的几种调用方式:普通函数调用作为方法来调用作为构造函数来调用使用apply/call方法来调用Function.prototype.bind方法es6箭头函数但是不管函数是按哪种方法来调用的,请记住一点:谁调用这个函数或方法,this关键转载 2016-12-28 16:03:31 · 457 阅读 · 0 评论 -
javascript内建对象Date
返回星期方法getDay() 返回星期,返回的是0-6的数字,0 表示星期天。如果要返回相对应“星期”,通过数组完成,代码如下: var mydate=new Date();//定义日期对象 var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];//定义数组对象,给每个数组项赋值 var mynum原创 2016-07-06 09:16:41 · 236 阅读 · 0 评论 -
javascript浏览器对象(window对象)——Screen对象
screen对象screen对象用于获取用户的屏幕信息。语法:window.screen.属性对象属性:screen.height 声明了显示浏览器的屏幕的高度,以像素计。screen.availHeight 声明了显示浏览器的屏幕的可用高度,以像素计。这个可用高度不包括分配给半永久特性(如屏幕底部的任务栏)的垂直空间。原创 2016-07-07 13:00:06 · 1597 阅读 · 0 评论 -
javascript浏览器对象(window对象)——Navigator对象
Navigator对象Navigator 对象包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本。对象属性:查看浏览器的名称和版本,代码如下: var browser=navigator.appName; var b_version=navigator.appVersion; document.write("Browser n原创 2016-07-07 10:40:12 · 462 阅读 · 0 评论 -
javascript浏览器对象(window对象)——Location对象
Location对象location用于获取或设置窗体的URL,并且可以用于解析URL。语法:location.[属性|方法]location对象属性图示:location 对象属性:location 对象方法:原创 2016-07-07 10:37:49 · 277 阅读 · 0 评论 -
javascript浏览器对象——History对象
History 对象history对象记录了用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能。注意:从窗口被打开的那一刻开始记录,每个浏览器窗口、每个标签页乃至每个框架,都有自己的history对象与特定的window对象关联。语法:window.history.[属性|方法]注意:window可以省略。History 对原创 2016-07-07 10:26:04 · 1183 阅读 · 0 评论 -
javascript浏览器对象——计时器对象
JavaScript 计时器在JavaScript中,我们可以在设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。计时器类型:一次性计时器:仅在指定的延迟时间之后触发一次。间隔性触发计时器:每隔一定的时间间隔就触发一次。计时器方法:计时器setInterval()在执行时,从载入页面后每隔指定的时间执原创 2016-07-07 10:16:35 · 754 阅读 · 0 评论 -
javascript浏览器对象——window对象
window对象window对象是BOM的核心,window对象指当前的浏览器窗口。window对象方法:原创 2016-07-07 09:08:50 · 400 阅读 · 0 评论 -
javascript内置对象Array
Array 数组对象数组对象是一个对象的集合,里边的对象可以是不同类型的。数组的每一个成员对象都有一个“下标”,用来表示它在数组中的位置,是从零开始的数组定义的方法:1. 定义了一个空数组:var 数组名= new Array();2. 定义时指定有n个空元素的数组:var 数组名 =new Array(n);3.定义数组的时候,直接初始化原创 2016-07-06 17:29:48 · 271 阅读 · 0 评论 -
javascript内建对象Math
Math对象Math对象,提供对数据的数学计算。使用 Math 的属性和方法,代码如下: var mypi=Math.PI; var myabs=Math.abs(-15); document.write(mypi); document.write(myabs);运行结果:3.14159265358979315注原创 2016-07-06 13:19:01 · 324 阅读 · 0 评论 -
javascript内建对象String
String 字符串对象在之前的学习中已经使用字符串对象了,定义字符串的方法就是直接赋值。比如:var mystr = "I love JavaScript!"定义mystr字符串后,我们就可以访问它的属性和方法。访问字符串对象的属性length:stringObject.length; 返回该字符串的长度。var mystr="Hello Wo原创 2016-07-06 13:01:45 · 266 阅读 · 0 评论 -
javascript内建对象String,Array,Math,Date()
原创 2016-07-05 17:35:30 · 309 阅读 · 0 评论 -
javascript案例——倒计时效果
还剩 function FreshTime(){ var endtime=new Date("2016/7/15,12:20:12");//结束时间 var nowtime = new Date();//当前时间 var lefttime= parseInt((endtime.getTime()-nowtime.getTime原创 2016-07-07 18:07:30 · 658 阅读 · 0 评论 -
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
1,X-UA-Compatible是神马? 文档:https://www.modern.ie/en-us/performance/how-to-use-x-ua-compatible X-UA-Compatible是IE8的一个专有属性,它告诉IE8采用何种IE版本去渲染网页,在html的标签中使用。可以在微软官方文档获取更多介绍。 为什么要用X-UA-Compatible?转载 2016-07-08 10:12:48 · 307 阅读 · 0 评论 -
IE下判断IE版本的语句...[if lte IE 8]……[endif]
IE6及其以下版本可见IE7及其以下版本可见只有IE6版本可见除了IE以外的版本IE8以下的版本可见IE7及大于IE7的版本可见用法:(1)可使用如下代码检测当前IE浏览器的版本(注意:在非IE浏览器中是看不到效果的) 您正在使用IE浏览器转载 2016-07-08 10:20:15 · 456 阅读 · 0 评论 -
Javascript的this用法
作者: 阮一峰日期: 2010年4月30日this是Javascript语言的一个关键字。它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。比如, function test(){ this.x = 1; }随着函数使用场合的不同,this的值会发生变化。但是有一个总的原则,那就是this指的是,调用函数转载 2016-12-28 15:59:16 · 256 阅读 · 0 评论 -
JS----构造函数与原型prototype 区别
构造函数方法很好用,但是存在一个浪费内存通过原型法分配的函数是所有对象共享的.通过原型法分配的属性是独立.-----如果你不修改属性,他们是共享 如果我们希望所有的对象使用同一一个函数,最好使用原型法添加函数,这样比较节省内存.例子://----构造函数模式为Cat对象添加一个不变的属性"type"(种类),再添加一个方法eat(吃老转载 2016-12-22 23:18:37 · 474 阅读 · 0 评论 -
javascript自执行函数为什么要把windows作为参数传进去
https://segmentfault.com/q/1010000000311686转载 2016-12-16 19:29:36 · 1341 阅读 · 0 评论 -
webkit高级浏览器li居中方法
高级浏览器的居中方法不再像以前一样设置line-height和vertical-align原创 2016-10-19 23:40:47 · 303 阅读 · 0 评论 -
HTML中meta标签viewpoint的作用
1.在web上浏览的时候,响应式布局是好用的,放大缩小页面都可以实现页面变更,但是在手机上调试的时候死活不能用2.因为css中@media是根据window的宽度来控制css的,所以我尝试输出了一下在window变更的时候window的width,结果发现PC上使用时一切正常,而手机上输出的一直是980。原因很简单,手机上的浏览器是全屏的,我手机实际宽度是320像素,而我手机分辨率转载 2016-10-19 23:24:08 · 5622 阅读 · 0 评论 -
Javascript的this用法
作者: 阮一峰日期: 2010年4月30日this是Javascript语言的一个关键字。它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。比如, function test(){ this.x = 1; }随着函数使用场合的不同,this的值会发生变化。但是有一个总的原则,那就是this指的是,调用函数转载 2016-10-26 10:05:12 · 222 阅读 · 0 评论 -
IE兼容性优化
IE对CSS的hack,可以用来区分IE各种版本 除IE外都可识别 所有的IE可识别 只有IE5.0可以识别 仅IE5.0与IE5.5可以识别 IE5.0以及IE5.0以上版本都可以识别 仅IE6可识别 IE6以及IE6以下版本可识别 IE6以及IE6以上版本可识别 仅IE7可识别 IE7以及IE原创 2016-10-23 16:14:30 · 263 阅读 · 0 评论 -
函数IsValid()
功能:检查对象变量是否已经实例化,即实例变量的值是否是个有效的对象句柄。语法:IsValid(objectname)参数:objectname:要检查的对象名。返回值:Boolean。如果指定对象已经创建了对此案实例,那么IsValid()函数返回True,否则返回FALSE。如果参数obejctname的值为NULL,IsValid()函数返回NULL。转载 2016-10-11 09:54:14 · 6702 阅读 · 0 评论 -
instanceof js
在 JavaScript 中,判断一个变量的类型尝尝会用 typeof 运算符,在使用 typeof 运算符时采用引用类型存储值会出现一个问题,无论引用的是什么类型的对象,它都返回 “object”。这就需要用到instanceof来检测某个对象是不是另一个对象的实例。另外,更重的一点是 instanceof 可以在继承关系中用来判断一个实例是否属于它的父类型。例如:f转载 2016-08-24 13:20:03 · 500 阅读 · 1 评论 -
js 把一个函数赋给一个变量时带括号与不带括号的区别
function hi(){ var a = 1; return function(){ console.log(a++); }; }; var aaa = hi();var bbb = hi;aaa();aaa();bbb();这段代码中 aaa与bbb的区别是什么?****************************转载 2016-07-21 15:14:55 · 4368 阅读 · 0 评论 -
对JAVASCRIPT匿名函数的理解(透彻版)
网上很多解释,我无法理解,我想知道原理。。。这篇文章应该可以透彻一点 Query片段:(function(){ //这里忽略jQuery所有实现 })(); 半年前初次接触jQuery的时候,我也像其他人一样很兴奋地想看看源码是什么样的。然而,在看到源码的第一眼,我就迷糊了。为什么只有一个匿 名函数又没看到运行(当然是运行了……),就能有jQuery这么个函数转载 2016-07-29 20:43:08 · 358 阅读 · 0 评论 -
javascript onfocus()和onselect()方法区别
onfocus()是获得焦点,onselect()是选中事件,当文本框或者文本域中的文字被选中时,触发onselect事件原创 2016-07-05 16:43:17 · 1527 阅读 · 0 评论 -
javascript事件
原创 2016-07-05 15:05:39 · 199 阅读 · 0 评论 -
JavaScript 三种创建对象的方法
JavaScript中对象的创建有以下几种方式 使用内置对象 使用JSON符号 自定义对象构造。大家可以参考下。JavaScript中对象的创建有以下几种方式: (1)使用内置对象 (2)使用JSON符号 (3)自定义对象构造 一、使用内置对象 JavaScript可用的内置对象可分为两种: 1,JavaScript语言原生对象(语言级对象),如转载 2016-06-08 14:16:46 · 255 阅读 · 0 评论 -
javascript中数组的定义
数组/*数组:1、数组内可以存放任意类型的数据2、数组元素不赋值,则为undefined3、打印数组时,如果某个元素没有赋值,则为“”4、访问数组范围以外的元素时,不会出现越界异常,为undefined5、定义的数组大小,依然可以添加更多的元素*//*//第一种var arr = new Array();arr[0] = 123arr转载 2016-06-07 16:39:15 · 324 阅读 · 0 评论 -
javascript中==和===的区别
1.var i=10;var j="10";if(i == j)返回的是true2.var i=10;var j="10";if(i === j)返回的是false原创 2016-05-31 16:59:34 · 286 阅读 · 0 评论 -
javascript数组
数组有四种定义的方式 使用构造函数: var a = new Array(); var b = new Array(8); var c = new Array("first", "second", "third"); 或者数组直接量: var d = ["first", "second", "third"]; 属性 Array只有一个属性,就是length,转载 2016-05-31 15:20:10 · 192 阅读 · 0 评论 -
myFocus焦点图框架使用心得
1.我们建的列表必须用一个div把它们框起来,而且类名必须叫pic原创 2016-05-28 21:14:27 · 797 阅读 · 0 评论 -
JavaScript——Div和Span的区别
SPAN 和 DIV 的区别在于,DIV(division)是一个块级元素,可以包含段落、标题、表格,乃至诸如章节、摘要和备注等。而SPAN 是行内元素,SPAN 的前后是不会换行的,它没有结构的意义,纯粹是应用样式,当其他行内元素都不合适时,可以使用SPAN。 下面以一个实例来说明这两个属性的区别。 代码: <span>SPAN标记有一个重要而实用的特性,即它什么事也不会转载 2016-03-29 11:56:15 · 804 阅读 · 0 评论 -
JavaScript——<em>
em是emphasis的缩写定义和用法:em标签 — 强调标签em标签是成对出现的,以开始,以 标签告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说,这意味着要把这段文字用斜体来显示。转载 2016-03-29 11:09:17 · 947 阅读 · 0 评论 -
javaScript——&
原文链接:http://bbs.csdn.net/topics/390201784html采用文本编码,有些特殊字符在文本方式下无法正常显示,因此需要提供转义;html约定&作为转义符号,因为&本身为转义符号,如果html代码包含&字符,则必须对&字符进行转换,否则将导致歧义转载 2016-03-29 11:07:02 · 271 阅读 · 0 评论 -
javascript——textarea自动伸缩问题
原文链接:http://bbs.csdn.net/topics/390653996如下代码在IE浏览器里伸缩自如,但是到了chrome或FF里,连续回车换行再删除或整段删除文字就不能自动缩短到应有位置了:JavaScript code?12345"textarea" id="textar转载 2016-03-28 15:22:27 · 1153 阅读 · 0 评论 -
JavaScript——innerHTML作用
innerHTML在JS是双向功能:获取对象的内容 或 向对象插入内容;如:这是内容 ,我们可以通过 document.getElementById('aa').innerHTML 来获取id为aa的对象的内嵌内容;也可以对某对象插入内容,如 document.getElementById('abc').innerHTML='这是被插入的内容'; 这样就能向id为abc的对象插入内容。原创 2016-03-11 11:42:46 · 536 阅读 · 0 评论 -
JavaScript——with()方法
with 语句为语句设定默认对象。 with (object) statements 参数object新的默认对象。statements一个或多个语句,object 是该语句的默认对象。说明with 语句通常用来缩短特定情形下必须写的代码量。在下面的例子中,请注意 Math 的重复使用: x = Math.cos(3 *原创 2016-03-11 11:04:45 · 301 阅读 · 0 评论 -
javascript typeof()
typeof 运算符返回一个用来表示表达式的数据类型的字符串。typeof[()expression[]] ;expression 参数是需要查找类型信息的任意表达式。说明typeof 运算符把类型信息当作字符串返回。typeof 返回值有六种可能: "number," "string," "boolean," "object," "function," 和 "un转载 2016-06-08 22:44:29 · 403 阅读 · 0 评论