var方法

JavaScript之作用域与闭包详解

点点圈 提交于 2020-03-04 16:25:39
前言: JavaScript是一种应用非常广泛的语言,其也有一些自身特点和优势,本文重在讲述其作用域机制以及闭包,会从一些实例来探讨其机理。 作用域在JavaScript程序员日常使用中有不同的含义,如下所示: this绑定的值; this绑定的值定义的执行上下文; 一个变量的“生命周期”; 变量的值解析方案,或词法绑定。 下面将讲诉JavaScript作用域概念,由此引出变量值解析方案的一般想法,最后再探讨JavaScript里闭包这一重要知识点。 1.全局作用域 所有浏览器都支持 window 对象,它表示浏览器窗口,JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。所以,全局变量是 window 对象的属性,全局函数是 window 对象的方法,甚至 HTML DOM 的 document 也是 window 对象的属性之一。 全局变量是JavaScript里生命周期(一个变量多长时间内保持一定的值)最长的变量,其将跨越整个程序,可以被程序中的任何函数方法访问。 在全局下声明的变量都会在window对象下,都在全局作用域中,我们可以通过window对象访问,也可以直接访问。 1 var name = "jeri"; 2 console.log(window.name); // 输出:jeri 3 console.log(name); // 输出

javascript常用方法函数收集

独自空忆成欢 提交于 2020-03-03 21:29:16
字符串长度截取 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 function cutstr(str, len) { var temp, icount = 0, patrn = /[^\x00-\xff]/,strre = "" ; for ( var i = 0; i < str.length; i++) { if (icount < len - 1) { temp = str.substr(i, 1); if (patrn.exec(temp) == null ) { icount = icount + 1 } else { icount = icount + 2 } strre += temp } else { break ; } } return strre + "..." } 替换全部 1 2 3 String.prototype.replaceAll = function (s1, s2) { return this .replace( new RegExp(s1, "gm" ), s2) } 清除空格 1 2 3 4 String.prototype.trim = function () { var reExtraSpace = /^\s*(.*?)\s+$/; return this .replace

Javascript常用方法函数收集(二)

别等时光非礼了梦想. 提交于 2020-03-03 21:08:30
Javascript常用方法函数收集(二) 31.判断是否Touch屏幕 function isTouchScreen(){ return (('ontouchstart' in window) || window.DocumentTouch && document instanceof DocumentTouch); } 32.判断是否打开视窗 function isViewportOpen() { return !!document.getElementById('wixMobileViewport'); } 33.获取移动设备初始化大小 function getInitZoom(){ if(!this._initZoom){ var screenWidth = Math.min(screen.height, screen.width); if(this.isAndroidMobileDevice() && !this.isNewChromeOnAndroid()){ screenWidth = screenWidth/window.devicePixelRatio; } this._initZoom = screenWidth /document.body.offsetWidth; } return this._initZoom; } 34.获取移动设备最大化大小

JavaScript常用方法函数收集

心已入冬 提交于 2020-03-03 21:02:21
本文中,收集了一些比较常用的Javascript函数,希望对学习JS的朋友们有所帮助。 1. 字符串长度截取 function cutstr(str, len) { var temp, icount = 0, patrn = /[^\x00-\xff]/, strre = ""; for (var i = 0; i < str.length; i++) { if (icount < len - 1) { temp = str.substr(i, 1); if (patrn.exec(temp) == null) { icount = icount + 1 } else { icount = icount + 2 } strre += temp } else { break; } } return strre + "..." } 2. 替换全部 String.prototype.replaceAll = function(s1, s2) { return this.replace(new RegExp(s1, "gm"), s2) } 3. 清除空格 String.prototype.trim = function() { var reExtraSpace = /^\s*(.*?)\s+$/; return this.replace(reExtraSpace, "$1") } 4.

javascript常用方法函数收集

冷暖自知 提交于 2020-03-03 21:01:39
字符串长度截取 function cutstr ( str , len ) { var temp , icount = 0 , patrn = /[^\x00-\xff]/ , strre = "" ; for ( var i = 0 ; i < str . length ; i ++) { if ( icount < len - 1 ) { temp = str . substr ( i , 1 ); if ( patrn . exec ( temp ) == null ) { icount = icount + 1 } else { icount = icount + 2 } strre += temp } else { break ; } } return strre + "..." } 替换全部 String . prototype . replaceAll = function ( s1 , s2 ) { return this . replace ( new RegExp ( s1 , "gm" ), s2 ) } 清除空格 String . prototype . trim = function () { var reExtraSpace = /^\s*(.*?)\s+$/ ; return this . replace ( reExtraSpace , "$1" )

js导入导出excel(实例代码)

大憨熊 提交于 2020-03-03 18:23:03
1 <!DOCTYPE html> 2 <html> 3 4 <head lang="en"> 5 <meta charset="UTF-8"> 6 <title>html 表格导出道</title> 7 <script src="jquery-3.2.1.min.js"></script> 8 <script src="jquery.table2excel.min.js"></script> 9 <script language="JavaScript" type="text/javascript"> 10 //第一种方法 11 function method1(tableid) { 12 13 var curTbl = document.getElementById(tableid); 14 var oXL = new ActiveXObject("Excel.Application"); 15 var oWB = oXL.Workbooks.Add(); 16 var oSheet = oWB.ActiveSheet; 17 var sel = document.body.createTextRange(); 18 sel.moveToElementText(curTbl); 19 sel.select(); 20 sel.execCommand("Copy"); 21

前端基础之BOM和DOM

守給你的承諾、 提交于 2020-03-03 14:55:43
前戏 到目前为止,我们已经学过了JavaScript的一些简单的语法。但是这些简单的语法,并没有和浏览器有任何交互。 也就是我们还不能制作一些我们经常看到的网页的一些交互,我们需要继续学习BOM和DOM相关知识。 JavaScript分为 ECMAScript,DOM,BOM。 BOM(Browser Object Model)是指浏览器对象模型,它使 JavaScript 有能力与浏览器进行“对话”。 DOM (Document Object Model)是指文档对象模型,通过它,可以访问HTML文档的所有元素。 Window对象是客户端JavaScript最高层对象之一,由于window对象是其它大部分对象的共同祖先,在调用window对象的方法和属性时,可以省略window对象的引用。例如:window.document.write()可以简写成:document.write()。 window对象 所有浏览器都支持 window 对象。它表示浏览器窗口。 所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。 全局变量是 window 对象的属性。全局函数是 window 对象的方法。 接下来要讲的HTML DOM 的 document 也是 window 对象的属性之一。 一些常用的Window方法: window.innerHeight

Web_javascript-ECMAScript

て烟熏妆下的殇ゞ 提交于 2020-03-03 00:30:52
javascript介绍 Web前端有三层: HTML:从语义的角度,描述页面 结构 CSS:从审美的角度,描述 样式 (美化页面) JavaScript:从交互的角度,描述 行为 (提升用户体验) 其中JavaScript基础又分为三个部分: ECMAScript:JavaScript的语法标准。包括变量、表达式、运算符、函数、if语句、for语句等。 DOM:文档对象模型,操作网页上的元素的API。比如让盒子移动、变色、轮播图等。 BOM:浏览器对象模型,操作浏览器部分功能的API。比如让浏览器自动滚动。 JavaScript历史背景介绍 布兰登 • 艾奇(Brendan Eich,1961年~),1995年在网景公司,发明的JavaScript。 一开始JavaScript叫做LiveScript,但是由于当时Java这个语言特别火,所以为了傍大牌,就改名为JavaScript。如同“北大”和“北大青鸟”的关系。“北大青鸟”就是傍“北大”大牌。 同时期还有其他的网页语言,比如VBScript、JScript等等,但是后来都被JavaScript打败了,所以现在的浏览器中,只运行一种脚本语言就是JavaScript ECMAScript是一种由Ecma国际(前身为欧洲计算机制造商协会,英文名称是European Computer Manufacturers

nodejs Stream使用手册

喜欢而已 提交于 2020-03-02 18:51:14
介绍 本文介绍了使用 node.js streams 开发程序的基本方法。 "We should have some ways of connecting programs like garden hose--screw in another segment when it becomes necessary to massage data in another way. This is the way of IO also." Doug McIlroy. October 11, 1964 最早接触Stream是从 早期的unix开始的 数十年的实践证明Stream 思想可以很简单的开发出一些庞大的系统。在unix里,Stream是通过 | 实现的;在node中,作为内置的 stream模块 ,很多核心模块和三方模块都使用到。和unix一样, node Stream主要的操作也是 .pipe() ,使用者可以使用反压力机制来控制读和写的平衡。 Stream 可以为开发者提供可以重复使用统一的接口,通过抽象的Stream接口来控制Stream之间的读写平衡。 为什么使用Stream node中的I/O是异步的,因此对磁盘和网络的读写需要通过回调函数来读取数据,下面是一个文件下载服务器 的简单代码: var http = require('http'); var fs =

js 常用方法

丶灬走出姿态 提交于 2020-03-02 09:53:26
1.charAt();返回在指定位置的字符,索引范围为从 0 到 length() - 1。 var str="abcdefghijklmn" var str2 = str.charAt(2); var str3 = str.charAt(8); console.log(str2); //c console.log(str3); //i 2.charCodeAt();返回指定位置的字符的Unicode编码 var str = "lily nihao"; var str2 = str.charCodeAt(5);//位置5的字符是h,h的Unicode编码是104 var str3 = str.charCodeAt(3); console.log(str3); //121 console.log(str2); //110 3.conca();连接字符串 ar str1 = "hellow"; var str2 = 'world'; console.log(str2.concat(str1));//把str1连接到str2上 4.indexOf(); 检索字符串,返回的是字符在字符串的下标 var str1 = "hellow"; var num1 = str1.indexOf('o'); //检索字符串,返回的是字符在字符串的下标 //字符串的下标是从0开始计数 var num2 =