JavaScript this用法总结

javascript webstorm用法

javascript webstorm用法一.什么是webstorm? WebStorm 是jetbrains公司旗下一款JavaScript 开发工具.被广大中国JS开发者誉为“Web前端开发神器”.“最强大的HTML5编辑器”.“最智能的JavaScript IDE”等.与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能. ----------工欲善其事,必先利其器二.下载和安装? 1.官网下载地址:http://www.jetbrain…

JavaScript this用法总结（**************************************）

JavaScript this用法总结在JavaScript中,this关键字可以说是最复杂的机制之一.对this的作用机制缺乏比较深入的理解很容易在实际开发中出现问题. 1.this的作用为什么要在JavaScript中使用this呢?因为this提供了一种简明的方式来隐式传递一个对象引用,可以让函数接口设计的简单且容易复用: function display() { console.log(this.name); } var obj1 = {name: "obj1"}; var…

<a href="javascript:;">的用法说明

<a href="javascript:;">的用法说明 1.标签的 href 属性用于指定超链接目标的 URL,href 属性的值可以是任何有效文档的相对或绝对 URL,包括片段标识符和 JavaScript 代码段. 2.JavaScript: 是一个伪协议,其他的伪协议还有 mail: tel: file: 等等. <a id="jsPswEdit" class="set-item" href="javascri…

javascript:void(0)和javascript:;的用法

一.JavaScript:void(0) 我们经常会使用到 javascript:void(0) 这样的代码,那么在 JavaScript 中 javascript:void(0) 代表的是什么意思呢? javascript:void(0) 中最关键的是 void 关键字, void 是 JavaScript 中非常重要的关键字,该操作符指定要计算一个表达式但是不返回值. JavaScript中void是一个操作符,该操作符指定要计算一个表达式但是不返回值.void 操作符用法格式如下:1. j…

JavaScript高级用法二之内置对象

综述本篇的主要内容来自慕课网,内置对象,主要内容如下 1 什么是对象 2 Date 日期对象 3 返回/设置年份方法 4 返回星期方法 5 返回/设置时间方法 6 String 字符串对象 7 返回指定位置的字符 8 返回指定的字符串首次出现的位置 9 字符串分割split() 10 提取字符串substring() 11 提取指定数目的字符substr() 12 Math对象 13 向上取整ceil() 14 向下取整floor() 15 四舍五入round() 16 随机数 random(…

Javascript typeof 用法

在js里用到数组,比如多个名字相同的input, 若是动态生成的, 提交时就需要判断其是否是数组. if(document.mylist.length != "undefined" ) {} 这个用法有误. 正确的是 if( typeof(document.mylist.length) != "undefined" ) {} 或 if( !isNaN(document.mylist.length) ) {} typeof的运算数未定义,返回的就是 "un…

JavaScript this用法总结

在JavaScript中,this关键字可以说是最复杂的机制之一.对this的作用机制缺乏比较深入的理解很容易在实际开发中出现问题. 1.this的作用为什么要在JavaScript中使用this呢?因为this提供了一种简明的方式来隐式传递一个对象引用,可以让函数接口设计的简单且容易复用: function display() { console.log(this.name); } var obj1 = {name: "obj1"}; var obj2 = {name: "…

javascript sort 用法

<html> <head> <title></title> <script type="text/javascript" src="jquery-1.8.2.min.js"></script> <script type="text/javascript"> var students=[ {name:"Tom",age:"18"…

一个好玩的小制作，以及在<a/>中的标签href="javascript:;"/href="javascript:void(0);"/href="javascript:"的用法

一:一个小图标的制作我们在支付宝.微信等某些地方上传文件时会遇到以下的图标,但是这样的图标其实可以用<a/>标签以及css样式完成, 具体代码如下: <!DOCTYPE html> <html> <head></head> <style> .add{ display: block; /*以块级元素展示,可以设置宽高*/ width: 100px; height: 100px; position: relative; color: #…

JavaScript高级用法三之浏览器对象

综述本篇的主要内容来自慕课网,内置对象,主要内容如下 1 window对象 2 JavaScript 计时器 3 计时器setInterval() 4 取消计时器clearInterval() 5 计时器setTimeout() 6 取消计时器clearTimeout() 7 History 对象 8 返回前一个浏览的页面 9 返回下一个浏览的页面 10 返回浏览历史中的其他页面 11 Location对象 12 Navigator对象 13 userAgent 14 screen对象 15…

JavaScript高级用法一之事件响应与网页交互

综述本篇的主要内容来自慕课网,事件响应与网页交互,主要内容如下 1 什么是事件 2 鼠标单击事件( onclick ) 3 鼠标经过事件(onmouseover) 4 鼠标移开事件(onmouseout) 5 光标聚焦事件(onfocus) 6 失焦事件(onblur) 7 内容选中事件(onselect) 8 文本框内容改变事件(onchange) 9 加载事件(onload) 10 卸载事件(onunload) 什么是事件 JavaScript 创建动态页面.事件是可以被 JavaScri…

玩转Javascript this用法

在web项目中Javascript是一门必须要掌握的动态语言,基于Javascript的框架大多离不开不了最基础的Javascript的用法和原理.本文主要是总结一下Javascript中那万恶的this关键字. 开门见山,抛出一个观点:“Javascript中this永远是指向调用它的对象”.下面我会举3个最有代表性的例子来验证我的这个观点. 例一对象方法调用 var x = 1; function testThis(){ console.log(this.x); } testThis();…

JavaScript delete用法，属性，特性，执行上下文，激活对象综合篇

一.问题的提出我们先来看看下面几段代码,要注意的是,以下代码不要在浏览器的开发者工具(如FireBug.Chrome Developer tool)中运行,原因后面会说明: 为什么我们可以删除对象的属性: }; delete o.x; // true o.x; // undefined 但不以删除像这样声明的变量: ; delete x; // false x; // 1 也不能删除像这样定义的函数: function x(){} delete x; // false typeof x; //…

JavaScript数组用法

本文介绍一些js数组的用法: 上图的要点为: 1.unshift增加数组头部的元素,shift删除数组头部的元素. 2.delete除可删除对象的属性外,还可以删除数组的元素,使其占位变为undefined. 3.arr.length-=1和arr.pop()功能相同,即删除数组尾部的元素. 上图的要点为: 1.for-in不保证输出顺序,在不同浏览器下输出顺序可能不同,推荐使用普通的for循环. 2.数组的原型链为arr->Array.prototype->Object.prototype-…

JavaScript函数用法

本文我们来学习下js函数的一些用法. 上图的要点为: 1.函数具有属性,如foo.length和foo.name. 2.arguments是类数组,arguments.length为实参的数目. 3.严格模式下,arguments为副本. 4.若未传参数,赋值给arguments[x]会无效. 5.arguments.callee===foo为true,这在严格模式下无法使用. 上图的要点为: 1.当基本类型作为this传入时,会自动转换为其对应的封装类. 2.若apply/call传入null…

javascript正则用法

一.元字符 . 匹配除了换行符以外的字符. \w 匹配字母或者数字或者下划线 \W 匹配不是字母.数字.下划线 \d 匹配数字,相当于[0-9] \D 匹配不是数字的字符 \s 匹配任意不可见字符,如空格.制表符,换行符等 \S 匹配任意可见字符 ^ 匹配字符串开始位置 $ 匹配字符串结束的位置 /[\W\w]/ 全集 /[\d\D]/ 全集 /[\s\S]/ 全集举个栗子: ^和$ 举个栗子: 二.量词 * 重复任意次…

JavaScript 的用法

内建的 JavaScript 对象可用于全局属性和函数顶层函数(全局函数) 函数描述 decodeURI() 解码某个编码的 URI. decodeURIComponent() 解码一个编码的 URI 组件. encodeURI() 把字符串编码为 URI. encodeURIComponent() 把字符串编码为 URI 组件. escape() 对字符串进行编码. eval() 计算 JavaScript 字符串,并把它作为脚本代码来执行. getClass() 返回一个 JavaOb…

JavaScript toFixed 用法

在JS中进行乘法运算时我们又是会遇到一下情况 <input type="text" id="num1" value="" /> * <input type="text" id="num2" value="" /> <input type="button" id="tt" value="="/>…

JavaScript基本用法

首次创建 $(document).ready(function () { });…

JavaScript console 用法大全

对于前端开发者来说,在开发过程中需要监控某些表达式或变量的值的时候,用 debugger 会显得过于笨重,取而代之则是会将值输出到控制台上方便调试.最常用的语句就是console.log(expression)了. 然而对于作为一个全局对象的console对象来说,大多数人了解得还并不全面,当然我也是,经过我的一番学习,现在对于这个能玩转控制台的 JS 对象有了一定的认识,想与大家分享一下. console 对象除了console.log()这一最常被开发者使用的方法之外,还有很多其他的方法.灵…

Javascript 正确用法二

好的,废话不多说,接着上篇来. 变量(variables) 始终使用 var keyword来定义变量,假设不这样将会导致变量全局化,造成污染. //bad superPower = new SuperPower(); //good var superPower = new SuperPower(); 使用一个 varkeyword来定义多个变量...而且每一个变量一行.. // bad var items = getItems(); var goSportsTeam = t…

json格式的javascript对象用法分析

格式: objectName = { property1:value1, property2:value2, …, propertyN:valueN } property是对象的属性 ,value则是对象的值,值可以是字符串.数字或对象三者之一例一: 值为字符串和数字 var user={ name:"user1", age:18 }; 例二:值为字符串和对象 var user={ //user本身是一个对象 name:"user1", job:{…

JavaScript this用法

当this为全局变量时,this为window对象 <script> // 在全局变量中,this为window window.onload= function(){ alert(window);//object window } this.onload= function(){ alert(this);//object window } </script> 当this在函数中时,this为window对象 <script> function xiu(kang){ th…

JavaScript阻塞剖析与改善

一.阻塞特性 <高性能JavaScript>一书中,关于第一章“Loading and Execution”,提到了无阻塞加载JavaScript技术,目的是为了提高页面呈现速度. 说到无阻塞加载JavaScript要点,我们就有必要知道,为什么在html中不管是内联JavaScript还是外联,会影响到页面的性能? 原因是:JavaScript是单线程,在JavaScript运行时其他的事情不能被浏览器处理.事实上,大多数浏览器使用单线程处理UI更新和JavaScript运行等多个任务,而同…

JavaScript学习04 对象

JavaScript学习04 对象默认对象日期对象Date, 格式:日期对象名称=new Date([日期参数]) 日期参数: 1.省略(最常用): 2.英文-数值格式:月日,公元年 [时:分:秒] 如:today=new Date("October 1,2008 12:00:00") 3.数值格式:公元年,月,日,[时,分,秒] 如:today=new Date(2008,10,1) 日期对象的方法: 格式:日期对象名称.方法([参数]) 使用例子: <body>…

JavaScript脚本语言基础（三）

导读: 数学对象(Math) 数组对象(Array) 字符串对象(String) 日期对象(Date) js对象是属性和方法的集合.JavaScript中的所有事物都是对象,如:字符串.数值.数组.函数等,每个对象带有属性和方法. 对象的属性:反映该对象某些特定的性质的,如:字符串的长度.图像的长宽等: 对象的方法:能够在对象上执行的动作.例如,表单的"提交"(Submit),时间的"获取"(getYear)等: JavaScript提供多个内建对象,比如 Stri…

JavaScript基础--超级玛丽(七)（上下左右控制）

相信大家都玩过超级玛丽,下面实现控制玛丽的上.下.左.右等基本功能,本篇只是在练习JavaScript的用法 1.创建一个HTML页面 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta n…

js webstorm用法

js webstorm用法一.什么是webstorm? WebStorm 是jetbrains公司旗下一款JavaScript 开发工具.被广大中国JS开发者誉为“Web前端开发神器”.“最强大的HTML5编辑器”.“最智能的JavaScript IDE”等.与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能. ----------工欲善其事,必先利其器二.下载和安装? 1.官网下载地址:http://www.jetbrains.com/we…

Javascript 常用代码总结

1. document.referrer可以获得上一页的地址,使用document.anchors获得页面上面所有的链接元素,而不必使用 document.getElementsByTagName('A');,同样道理还有document.forms , document.images. 2. function.length --> 参数的定义的个数,如 function aa(a,b,c) --> aa.length = 3 3. arguments [function.]arguments…

你不知道的Javascript：有趣的setTimeout

你不知道的Javascript:有趣的setTimeout 有时候,小小的细节往往隐藏着大大的智慧今天在回顾JavaScript进阶用法的时候,发现一个有趣的问题,话不多说,先上代码: for(var j=0;j<10;j++){ setTimeout(function(){console.log(i)},5000)} 看到这三行代码,也许你会不耐烦道:又要讲闭包?要吐了好么?别急,让我们先来思考一下,这段代码在浏览器中的执行结果是什么? 甲:顺序打印0到9? 乙:这题我见过,打印十个10! 哪…

【JavaScript this用法总结】的更多相关文章