var方法 | 易学教程

听说你还不理解JavaScript闭包

阅读更多关于听说你还不理解JavaScript闭包

闭包(Closure) 闭包是一个函数和词法环境的组合，函数声明在这个词法环境中词法作用域看下面一个例子 function init() { var name = 'Mozilla'; // name是局部变量 function displayName() { // displayName()是内部函数，一个闭包 alert(name); // 使用外部函数声明的变量 } displayName(); } init(); init() 创建了一个局部变量 name 和一个函数 displayName() 。函数displayName()是一个已经定义在init()内部的函数，并且只能在函数init()里面才能访问得到。函数displayName()没有自己的局部变量，但由于内部函数可以访问外部函数变量，displayName()可以访问到声明在外部函数init()的变量name，如果局部变量还存在的话，displayName()也可以访问他们。闭包看下面一个例子 function makeFunc() { var name = 'Mozilla'; function displayName() { alert(name); } return displayName; } var myFunc = makeFunc(); myFunc();

python学习之路day14（javascript）

阅读更多关于 python学习之路day14（javascript）

一、JavaScript 　　简称：JS 　　一门基于对象和事件驱动的脚本语言　　布兰登艾奇 JavaScript--->3天　　JavaScript分成三部分：　　　　1.ECMAJscript 　　　　2.DOM浏览器对象模型，这里提供了所有浏览器的API接口　　　　3.BOM文档对象模型，这里提供了所有文档的API接口　　基本使用：　　　　1.JavaScript的解析器，内置到了浏览器里面，所以我们不需要单独安装解析器，直接安装浏览器　　　　　　python：编译型（开发者代码编译--->编译成一个文件，去执行）　　　　　　Java：解析型(开发者代码--->（解析到）内存) 　　　　2.JavaScript是解析型脚本语言，弱类型　　　　3.JavaScript类似css，有三种引入网页的方式　　　　　　a.嵌入式　　 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <script type="text/javascript"> alert(888) </script></body></html>　　　　　　b <!DOCTYPE html><html lang="en"><head> <meta

JavaScript快速入门

阅读更多关于 JavaScript快速入门

学习笔记： JavaScript基础 ## JavaScript： * 概念：一门客户端脚本语言 * 运行在客户端浏览器中的。每一个浏览器都有JavaScript的解析引擎 * 脚本语言：不需要编译，直接就可以被浏览器解析执行了 * 功能： * 可以来增强用户和html页面的交互过程，可以来控制html元素，让页面有一些动态的效果，增强用户的体验。 * JavaScript发展史： 1. 1992年，Nombase公司，开发出第一门客户端脚本语言，专门用于表单的校验。命名为： C-- ，后来更名为：ScriptEase 2. 1995年，Netscape(网景)公司，开发了一门客户端脚本语言：LiveScript。后来，请来SUN公司的专家，修改LiveScript，命名为JavaScript 3. 1996年，微软抄袭JavaScript开发出JScript语言 4. 1997年，ECMA(欧洲计算机制造商协会)，制定出客户端脚本语言的标准：ECMAScript，就是统一了所有客户端脚本语言的编码方式。 * JavaScript = ECMAScript + JavaScript自己特有的东西(BOM+DOM) * ECMAScript：客户端脚本语言的标准 1. 基本语法： 1. 与html结合方式 1. 内部JS： * 定义<script>，标签体内容就是js代码 2.

web前端基础-javascript

阅读更多关于 web前端基础-javascript

目录使用js完成页面简单的数据校验使用js完成页面图片轮播效果暂停计时器完成页面定时弹出广告表单校验表格的隔行换色案例复选框的全选全不选案例 DOM树省市联动案例商品的左右移动前言------ 新的一天，继续我的编程之路，加油！ javascript的简介 HTML 对页面进行了一个整体骨架的搭建 CSS 对页面进行修饰，和美化 javascript 对页面与用户进行交互 javascript是一种直译的脚本语言，由浏览器解释执行,不需要进行编译。什么是脚本语言？ java源代码--->.class文件-----》由虚拟机执行脚本语言：源码------》解释执行 javascript是由浏览器解释执行。 javascript的组成 ECMAScript ：核心组成部分，定义js的语法规范 DOM：document object model 文档对象模型，主要是用来管理页面 BOM：browser object model 浏览器对象模型，浏览器的一些前进、后退、刷新、历史记录、地址栏等 javascript的引入在HTML中，js是写在<script type="text/javascript"></script>标签中内部引入和外部引入 <head> <script type="text/javascript"> alert("内部引入");

字符串的方法总结

阅读更多关于字符串的方法总结

字符串的方法总结： 1. length 属性返回字符串的长度 var str = '1234567' console.log(str.length) // 7 2. indexOf() 方法返回字符串中指定文本__首次__出现的索引 3. lastIndexOf() 方法返回字符串中指定文本__最后__出现的索引 var str = 'China' console.log(str.indexOf('China')) // 0 如果是字符串按一个来 console.log(str.indexOf('C')) // 0 返回的是下标从 0 开始 console.log(str.indexOf('w')) // -1 没有则返回 -1 // 两种方法都接受作为检索起始位置的第二个参数缩小搜查范围 var str = "The full name of is the People's Republic of China."; console.log(str.indexOf("China")); // 45 console.log(str.indexOf("China", 11)); // 45 3. 有三种提取部分字符串的方法： slice(start, end) substring(start, end) // 类似于 slice() 不同之处在于 substring()

JQuery 插件开发

阅读更多关于 JQuery 插件开发

如今做web开发，jquery 几乎是必不可少的，就连vs神器在2010版本开始将Jquery 及ui 内置web项目里了。至于使用jquery好处这里就不再赘述了，用过的都知道。今天我们来讨论下jquery的插件机制，jquery有着成千上万的第三方插件，有时我们写好了一个独立的功能，也想将其与jquery结合起来，可以用jquery链式调用，这就要扩展jquery，写成插件形式了，如下面就是一个简单扩展Jquery对象的demo： //sample:扩展jquery对象的方法，bold()用于加粗字体。 (function ($) { $.fn.extend({ "bold": function () { ///<summary> /// 加粗字体 ///</summary> return this.css({ fontWeight: "bold" }); } }); })(jQuery); 调用方式：这是一个非常简单的扩展。接下来我们一步步来解析上面的代码。一、jquery的插件机制为了方便用户创建插件，jquery提供了jQuery.extend()和jQuery.fn.extend()方法。 1. jQuery.extend() 方法有一个重载。　 jQuery.extend(object) ,一个参数的用于扩展jQuery类本身，也就是用来在jQuery类

JS的基础语法

阅读更多关于 JS的基础语法

整理了一下JS的基础语法，这里做下记录。 1  2 <html> 3 <head> 4 <meta charset="utf-8">  5 <title>js的基本语法（ECMAScript）</title> 6 7  8 <script type="text/javascript"> 9 /*js中变量类型有：Number(数字类型)、String(字符串类型)、Boolean(布尔类型)、Null(空类型)、Undefined(未赋值)、Object(对象)*/ 10 //数字类型 11 var num; 12 num = 0; //可以先声明一个变量，后赋值 13 var num1,num2,num3; 14 num1=100,num2=200,num3=300; //也可以一次性声明多个变量，然后赋值 15 var num4=400,num5=400,num6=400; //还可以一次性声明多个变量，并同时赋值 16 alert(num); /*alert

js阶段总结

阅读更多关于 js阶段总结

1.延迟脚本 HTML 4.01 为 <script> 标签定义了 defer 属性。这个属性的用途是表明脚本在执行时不会影响页面的构造。也就是说，脚本会被延迟到整个页面都解析完毕后再运行。因此，在 <script> 元素中设置 defer 属性，相当于告诉浏览器立即下载，但延迟执行。 <!DOCTYPE html> <html> <head> <title>我的HTML</title> <script type="text/javascript" defer="defer"src="example1.js"></script> <script type="text/javascript" defer="defer"src="example2.js"></script> </head> <body>  </body> </html> 在这个例子中，虽然我们把<script> 元素放在了文档的<head> 元素中，但其中包含的脚本将延迟到浏览器遇到</html> 标签后再执行。HTML5 规范要求脚本按照它们出现的先后顺序执行，因此第一个延迟脚本会先于第二个延迟脚本执行，而这两个脚本会先于 DOMContentLoaded 事件（详见第 13 章）执行。在现实当中，延迟脚本并不一定会按照顺序执行，也不一定会在 DOMContentLoaded

前端图片缓存之通过img标签加载GIF只能播放一次问题

阅读更多关于前端图片缓存之通过img标签加载GIF只能播放一次问题

方法1、强制刷新（CTRL+F5）。方法2、在图片img标签的src参数中加入一个随机值： <div class="YDrong"> <div class="img"> <img src="mg/logoYD.gif" /> </div> </div> @1、随机数： <script type="text/javascript"> var imgYD = $(".YDrong .img img").attr('src'); var imgYDrandom = imgYD + '?' + Math.random(); $(".YDrong .img img").attr('src',imgYDrandom); </script> @2、毫秒时间戳： <script type="text/javascript"> var imgYD = $(".YDrong .img img").attr('src'); var imgYDdate = imgYD + '?' + new Date().getTime(); $(".YDrong .img img").attr('src',imgYDdate); </script> 参考网站： https://www.cnblogs.com/raind/p/10526727.html 实例网站：恒鑫来源： https://www.cnblogs

二、类型、值和变量

阅读更多关于二、类型、值和变量

JS数据类型分为两类：基本数据类型和对象类型基本数据类型包括数字、字符串、布尔类型、null和undefined 对象(object)是属性的集合，每个属性都由键值对构成；普通JS对象是”命名值“的无序集合，特殊对象数组（array）表示带编号的有序集合。 2.1数字 JS不区分整数值和浮点数值，所有数字均用浮点数值表示。运算符包括+、- 、*、/和% 更加复杂的运算通过Math对象的属性定义的函数和变量来实现： Math.pow(2,53) //2的53次幂 Math.round(.6) //=1.0 四舍五入 Math.ceil(.6) //=1.0 向上求整 Math.floor(.6) //=0.0 向下求整数 Math.abs(-5) //=5 绝对值 Math.max(x,y,z) //最大值 Math.min(x,y,z) //最小值 Math.random() //生成一个大于等于0小于1.0的随机数 Math.PI // 圆周率∏ Math.E // 自然对数的底e Math.sqrt(3) //3的平方根 Math.sin(0) // 三角函数还有Math.cos和Math.atan Math.log(10) //10的自然对数 Math.log(100)/Math.LN10 //以10为底100的对数 Math.exp(3) //e的三次幂正无穷大

订阅 var方法