常用Javascript的人都知道,［this這個關鍵字在一個函式內究竟指向誰］的這個問題很令人頭大,本人在這裡整理了一下Javascript中this的指向的五種不同情況,其中前三種屬於基本的情況,而後兩種情況可基於前三種情況的方式來進行思考. 1.this指向於調用該函式之物件 如果你有學過C/C++,你可能會記得一個物件內的成員函式裡的this指的即是該成員函式所在之物件,但在Javascript裡則有那麼些許不同,Javascript裡的this看的是究竟是誰調用該函式,而不是看該函式被…

好程序员web前端分享javascript关联数组用法总结,有需要的朋友可以参考下. Hash关联数组定义 代码如下 // 定义空数组 myhash = { } // 直接定义数组 myhash = {"key1":"val1","key2":"val2" } // 用Array 定义数组 myhash = new Array(); myhash["key1"] = "val1"; my…

javascript:void(0)用法如下: <a href="javascript:void(0)"></a> // 执行js函数,0表示不执行函数. <a href="javascript:void func()"><button type="button">点我</button></a> // 执行函数func,括号里可以传参数.<script type=&qu…

Javascript的this用法   作者: 阮一峰 日期: 2010年4月30日 this是Javascript语言的一个关键字. 它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用.比如, function test(){ this.x = 1; } 随着函数使用场合的不同,this的值会发生变化.但是有一个总的原则,那就是this指的是,调用函数的那个对象. 下面分四种情况,详细讨论this的用法. 情况一:纯粹的函数调用 这是函数的最通常用法,属于全局性调用,因此this就代…

void 操作符用法格式: javascript:void (expression) 下面的代码创建了一个超级链接,当用户以后不会发生任何事.当用户链接时,void(0) 计算为 0,但 Javascript 上没有任何效果. <A HREF="javascript:void(0)">单此处什么也不会发生</A> 下面的代码创建了一个超级链接,用户单时会提交表单. <A HREF="javascript:void(document.form.su…

转自:阮一峰 this是Javascript语言的一个关键字. 它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用.比如, function test(){ this.x = 1; } 随着函数使用场合的不同,this的值会发生变化.但是有一个总的原则,那就是this指的是,调用函数的那个对象. 下面分四种情况,详细讨论this的用法. 情况一:纯粹的函数调用 这是函数的最通常用法,属于全局性调用,因此this就代表全局对象Global. 请看下面这段代码,它的运行结果是1. func…

引子 js的setTimeout方法用处比较多,通常用在页面刷新了.延迟执行了等等.但是很多javascript新手对setTimeout的用法还是不是很了解.虽然我学习和应用javascript已经两年多了,但是对setTimeout方法,有时候也要查阅资料.今天对js的setTimeout方法做一个系统地总结. setInterval与setTimeout的区别 说道setTimeout,很容易就会想到setInterval,因为这两个用法差不多,但是又有区别,今天一起总结了吧! setTi…

javascript高级编程-Array引用类型用法总结  2016-09-17   |    357 引用类型-Array类型 引用类型是一种数据结构,用于将数据和功能联系起来. 创建对象的方式: 1.new操作符 var array=new Array(); 2.字面量表示法创建 var array=[]; Array 检测数组:检测数组是基本类型还是引用类型 转换方法:将数组转换成字符串或数组对象 栈方法:后进先出的操作数组的方法 队列方法:先进先出的操作数组的方法 操作方法:数组的拼接.…

typeof 运算符 返回一个用来表示表达式的数据类型的字符串. typeof[()expression[]] ; expression 参数是需要查找类型信息的任意表达式. 说明 typeof 运算符把类型信息当作字符串返回.typeof 返回值有六种可能: "number," "string," "boolean," "object," "function," 和 "undefined.&qu…

this是Javascript语言的一个关键字. 它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用.比如, function test(){ this.x = 1; } 1.this就是全局对象 2.作为某个对象的方法调用,这时this就指这个上级对象 3.作为构造函数调用,就是通过这个函数生成一个新对象(object).这时,this就指这个新对象 4.apply()是函数对象的一个方法,它的作用是改变函数的调用对象,它的第一个参数就表示改变后的调用这个函数的对象. // this…

点击链接不做任何事情: <a href="#" onclick="return false">test</a> <a href="javascript:void(0);" >test</a> <a href="javascript:void(null)">test</a> <a href="javascript:;" >te…

1. 全局代码中的this this在全局上下文中,它的值是全局对象本身(Global Object),在浏览器中就是Window  Object,如下图示. 看下面几个例子: //Global scope //The implicit property of the global object  var foo1 = "abc"; console.log(this.foo1 == window.foo1); console.log(foo1); console.log(this.fo…

<script> function sum(num){ if(num<=1){ return 1; }else{ return num*sum(num-1);//return num*arguments.callee(num-1); //指针 //return 2; } } var sum1=sum; sum=null; alert(sum1(2)); </script> 上面的代码 在执行时很容易出现问题,执行我们介绍一个方法,arguments.callee,是一个指向正…

createtextrange createrange区别: 对象或元素不同,虽然都是返回TextRange.例如:     var r=document.body.createTextRange()    var r=document.createRange() document. createTextRange 可以对body.TEXTAREA.BUTTON创建TextRange,Range -- 范围 返回createTextRange的text和htmlText <script lang…

1.window.open(''url'') 2.用自定义函数 <script> function openWin(tag,obj) { obj.target="_blank"; obj.href = "Web/Substation/Substation.aspx?stationno="+tag; obj.click(); } </script> <a href="javascript:void(0)" onclic…

参考视频:http://www.imooc.com/video/6430 JavaScript中的this比较灵活,也是让很多初学者摸不到头脑,那么根据在不同的环境下,在同一个函数,不同的调用方式下,那么这个this也有可能是不同的. 我们先来看,全局作用于下的this. 全局的this(浏览器) console.log(this.document===documet);//true console.log(this===window);//true this.a=37; console.log…

要想真正的掌握this,应该先要掌握javascript代码执行上下文环境的创建.转换和销毁机制:…

let 语句声明一个块级作用域的本地变量,并且可选的将其初始化为一个值. 描述 let 允许你声明一个作用域或被限制在块级中的变量.语句或者表达式. 与var不同的是,它声明的变量只能是全局或者整个函数块的.换句话,块级 == { } 为什么取‘let’这个名字. Let is a mathematical statement that was adopted by early programming languages like Scheme and Basic. Variables are…

参数说明callback: 要对每个数组元素执行的回调函数.thisObject : 在执行回调函数时定义的this对象. 功能说明对数组中的每个元素都执行一次指定的函数(callback),直到此函数返回 true,如果发现这个元素,some 将返回 true,如果回调函数对每个元素执行后都返回 false ,some 将返回 false.它只对数组中的非空元素执行指定的函数,没有赋值或者已经删除的元素将被忽略. 回调函数可以有三个参数:当前元素,当前元素的索引和当前的数组对象. 如参数 th…

一.用法 try...catch语句用了处理代码中可能出现的错误信息,将要进行测试的代码块放在try中,如果代码出现异常,则会被catch捕获 其格式如下: <script> try{ //要测试的代码块 }catch(e){ //e是形参,包含name和message属性 //发生错误时进行处理 } </script> 在try里面发生错误,不会执行发生错误后try里面的代码,但不影响语句外代码的执行 二.finally 除了try...catch外,还可以使用try...cat…

JS中的变量是松散类型(即弱类型)的,可以用来保存任何类型的数据. typeof 可以用来检测给定变量的数据类型,可能的返回值: 1. 'undefined' --- 这个值未定义: 2. 'boolean'    --- 这个值是布尔值: 3. 'string'        --- 这个值是字符串: 4. 'number'     --- 这个值是数值: 5. 'object'       --- 这个值是对象或null: 6. 'function'    --- 这个值是函数. var a…

document对象的referrer属性,返回导航到当前网页的超链接所在网页的URL. 举例: 1. a.html文件内容如下: <a href="b.html">浏览b.html </a> 2. b.html文件中的内容如下: <body> <script type="text/javascript"> document.write(document.referrer); </script> </…

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script type="text/javascript"> // for-in 一般用来遍历对象, 也可以用来遍历数组 // var…

JavaScript对象原型 所有JavaScript对象都从原型继承属性和方法. <!DOCTYPE html> <html> <meta charset="utf-8"> <title>js</title> <body> <h2>JavaScript 对象</h2> <p id="demo"></p> <script> functi…

7)onload onload就是等页面加载完后才执行. 例 3.7.1 <HEAD> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <SCRIPT LANGUAGE="JavaScript">        <!--        function a(b)        {document.write(&quo…

4)Function用法 例 3.4.1 <head>    <meta http-equiv="content-type" content="text/html; charset=utf-8"/></head><script>    /*When the Global object is created, it always has at least the following properties:       O…

最近做一个项目中做一个竞猜游戏界面,游戏规则和彩票是一样的.在实现“机选一注”,“机选五注”的时候遇到数组的一些操作,例如产生['01', '02' ... '35']这样的数组,随机抽取不重复的元素重新组成数组等问题.回想这类问题在平时项目中遇到的机会非常多,何不归纳一下JavaScript数组的一些知识点,以供平时工作参考. JavaScript提供的数组非常灵活,相关的api也很丰富,例如fill,map,filter,sort等等,极大地方便了程序编写.这里不介绍这些基本的api,而是通…

package main import ( "github.com/gin-gonic/gin" "net/http" ) func main() { r := gin.Default() r.GET("/jsonp", func(context *gin.Context) { data := map[string]interface{}{ "foo": "bar", } context.JSONP(htt…

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>测试</title></head><body >    <div id="div1" style="width: 100px; height: 100px; position: absolu…

$(function(){ //代码阅读能力 function speak(name){ return "Hello " + name; } //此处写代码 //方法一 //重点是bind的第二个参数会直接插入到callback的参数列表的第一个位置. Function.prototype.wrap = function(callback) { return callback.bind(this, this); }; //方法二 /*speak.wrap = function(call…