【关于javaScript中的this指向总结详解】教程文章相关的互联网学习教程文章

JavaScript运算符和控制语句【代码】

一 运算符1.基本概念 表达式:由常量/变量和运算符组成的短语 操作数:表达式中的常量和变量成为操作数 单目运算符:只能带一个操作数的成为单目运算符 多目运算符:带多个操作数的成为多目运算符2 用于字符串的“+” 将多个字符串连接在一起3 赋值运算符=: x=y+= x+=y x=x+y-= x-=y x=x-y*= x*=y ...

深入理解JavaScript系列(11):执行上下文(Execution Contexts)【代码】

简介从本章开始,我将陆续(翻译、转载、整理)http://dmitrysoshnikov.com/网站关于ECMAScript标标准理解的好文。 本章我们要讲解的是ECMAScript标准里的执行上下文和相关可执行代码的各种类型。原始作者:Dmitry A. Soshnikov 原始发布: 2009-06-26 俄文原文:http://dmitrysoshnikov.com/ecmascript/ru-chapter-1-execution-contexts/ 英文翻译:Dmitry A. Soshnikov. 发布时间:2010-03-11 英文翻译:http://dmitrysoshnikov.c...

js代码块【代码】

1.内部变量覆盖外部变量内部变量覆盖了外部变量后,变量提升:即脚本开始运行时,变量temp已经存在了,但是没有值,所以会输出undefinedvar tmp = new Date();function f(){console.log(tmp);if (false){var tmp = "hello world";} }f() // undefined 2.用来计数的循环变量泄露为全局变量var s = ‘hello‘;for (var i = 0; i < s.length; i++){console.log(s[i]); }console.log(i); // 5 原文:http://www.cnblogs.com/susan-90/...

JS window.onload事件的一些理解

1、window.onload 只会执行一次,同一页面中定义:  window.onload=funcA;  window.onload=funcB;  页面加载完成后,只会执行funcB,后面的会覆盖前面的。  同样,在使用模板页的情况下,也是如此:内容页的会覆盖模板页中的window.onload所触发的事件。  如果想要执行多个func ,js 的 解决方法:    <script>    if(window.attachEvent)//IE:如果浏览器中存在window.attachEvent函数则使用window.attachEvent函...

原生 javaScript 百叶窗 效果的实现及原理介绍【代码】【图】

百叶窗大家都见过吧!如图:原理:如图所示,空心格子就好比是每个li,给它设定相对定位属性,设置overflow:hidden;黑块为li子元素,高度为li的2倍,设置absolute属性,我们正是要改变它的top值从而获得变化!(右上角多余块与本图无关)布局分析:注意top值得变化!默认top=0时候,显示的“一楼上铺”,当top=-40px时候,li的子元素 上移40px,这时候显示的内容就为“一楼下铺”注意p元素的包裹层div ...

Sublime Text 之运行 js 方法【代码】【图】

昨天说完《Sublime Text 2 绿化与汉化 [Windows篇]》,今天我们来说说怎么用st直接运行 js 吧。群里的小伙伴一直对我的 ST 能直接运行js感到非常好奇,今天我就公布下这个“秘密”吧。。其实非常简单,配置个编译系统即可。可是编译系统是什么,怎么配置呢?接下来我一步一步教你吧。。(好像有人告诉我说有什么插件可以实现的,不过还是有noedjs的。。)PS: 其实微软也有对 js 的实现叫做 JScript,windows下可基于 WSH 运行,不过还...

JavaScript学习笔记(四)——js事件之事件绑定、兼容问题【图】

事件捕获:事件从根节点开始,逐级到子节点,若节点绑定了事件动作,则执行动作,继续往下走。事件冒泡:事件由子节点向跟节点派送,若节点绑定了事件动作,则执行动作,然后继续往上走。 一、怎么绑定事件和移除事件?由于IE浏览器不支持事件捕获,只支持事件冒泡。因此,其他遵循标准的浏览器都使用W3C定义的函数绑定和移除,IE浏览器则自有一套执行规则。下面分别总结一下W3C和IE的绑定机制:1、W3C下的事件绑定添加事件 — add...

js正则表达式校验输入字符串是否是手机号码【代码】【图】

js 如何校验手机号码呢?手机号有如下规则:(1)必须全为数字;(2)必须是11位.(有人说还有10位的手机号,这里先不考虑);(3)必须以1开头(有人见过以2开头的手机号吗?)(4)第2位是34578中的一个.js方法如下:/**** check mobile phone:(1)must be digit;(2)must be 11* @param string* @returns {boolean}*/ telRuleCheck2 = function (string) {var pattern = /^1[34578]\d{9}$/;if (pattern.test(string)) {return true;}console.log(‘ch...

一次js代码修改不更新问题的解决【图】

今天遇到一个问题,虽说问题不大,但弄得本人脑袋发麻我讲javascript修改后,刷新页面或者清除浏览器缓存,修改后的效果也不出现,害的我好苦啊最后想到自己是新装的机子是不是是浏览器设置的原因按以下方式完美解决这应该是开发人员必须设置的原文:http://www.cnblogs.com/haquanwen/p/3822519.html

JavaScript实现文字跑马灯效果【代码】

项目开发中若需要做系统公告,可在此Demo的基础上稍加修改实现一个简单的系统公告效果<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>文字跑马灯</title><style>#race_notice_p{position:relative;margin:20px auto;width:800px;overflow:hidden;height:50px;}#race_notice_s{position:absolute;left:0;top:0;}#race_notice_s p span{margin:0 20px;line-height: 50px;}</style> </head> <body><div id=‘r...

js读取cookie信息

1. 第一种方式读取cookie信息:用document.cookie.split(“; “)的方式把字符串分割成几个段,然后遍历整个数组 //javascript方法 function getCookie(name){   var arr = document.cookie.split("; ");   for(var i=0,len=arr.length;i<len;i++){     var item = arr[i].split("=");     if(item[0]==name){       return item[1];     }   }   return ""; }2. 第二中方法为匹配字符串 在...

JavaScript window.location对象

经常使用window.location,它的结构总是记不住,简单梳理下,方便以后查询。 示例-----------------------------------------------------------------------URL:http://b.a.com:88/index.php?name=kang&when=2011#first属性含义值protocol:协议"http:"hostname:服务器的名字"b.a.com"port:端口"88"pathname:URL中主机名后的部分"/index.php"search:"?"后的部分,又称为查询字符串"?name=kang&when=2011"hash:返回"#"之后的内容"#...

javascript中本地对象、内置对象和宿主对象(转)

ECMA-262 把本地对象(native object)定义为“独立于宿主环境的 ECMAScript 实现提供的对象”。看定义有些不清楚,因为还未了解何为“宿主环境”的时候就引用了“宿主环境”这个概念,着实让人有些发晕。不过,根据我强悍的文学功底,“宿主”一般是指寄生的生物选择的寄生体,这让我想起了“火影”里的“白”。简单说,就是用户的机器环境,包括操作系统和浏览器。再来看一下,“本地对象”包含哪些内容:Object、Function、Arra...

好用的图片缩放JS【代码】

<!DOCTYPE HTML> <meta charset="UTF-8"> <head><script src="jquery-1.11.1.min.js"></script><link rel="stylesheet" href="magnific-popup.css"> <!-- jQuery 1.7.2+ or Zepto.js 1.0+ --><!-- Magnific Popup core JS file --> <script src="jquery.magnific-popup.min.js"></script> <style> * {margin:0;padding:0; }img {height: 30px;width: 30px;}</style> <script> $(document).ready(function() {//$(‘.image-link‘)...

js中字符串的替换

定义和用法replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。语法stringObject.replace(regexp/substr,replacement)参数 描述 regexp/substr 必需。规定子字符串或要替换的模式的 RegExp 对象。请注意,如果该值是一个字符串,则将它作为要检索的直接量文本模式,而不是首先被转换为 RegExp 对象。 replacement 必需。一个字符串值。规定了替换文本或生成替换文本的函数。返回值一个新的...

JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部