var方法

前端基础之BOM和DOM 前戏 到目前为止，我们已经学过了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 对象。它表示浏览器窗口。 *如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。 *没有应用于 window 对象的公开标准，不过所有浏览器都支持该对象。 所有 JavaScript 全局对象、函数以及变量均自动成为

BOM与DOM 　　BOM（Browser Object Model）是指浏览器对象模型，它使 JavaScript 有能力与浏览器进行“对话”。 　　DOM （Document Object Model）是指文档对象模型，通过它，可以访问HTML文档的所有元素。 　　Window对象是客户端JavaScript最高层对象之一，由于window对象是其它大部分对象的共同祖先，在调用window对象的方法和属性时，可以省略window对象的引用。例如：window.document.write()可以简写成：document.write()。 windows对象 所有浏览器都支持 window 对象。它表示浏览器窗口。 *如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。 *没有应用于 window 对象的公开标准，不过所有浏览器都支持该对象。 所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。 全局变量是 window 对象的属性。全局函数是 window 对象的方法。 接下来要讲的HTML DOM 的 document 也是 window 对象的属性之一。 一些常用的Window方法： window.innerHeight -

有时候有这样的需求，需要在LiveData将变化的数据通知给观察者前，改变数据的类型；或者是返回一个不一样的LiveData。 这里介绍一个类 Transformations ,它可以帮助完成上面的这些操作。 Transformations.map() //todo LiveData创建方法1 val liveData: MutableLiveData<NeiHanResult> = neiHanRepository.liveData //todo LiveData创建方法2 val liveData2 = Transformations.map(neiHanRepository.liveData) { it }!! Transformations.map()使用 要修改后的数据对象 val liveDataTemp = MutableLiveData<List<NeiHanResult2>>() //定义一个临时list存储对象 var listData = mutableListOf<NeiHanResult2>() //todo LiveData创建方法3 并修改数据 val liveData3 = Transformations.map(neiHanRepository.liveData) { it.result.forEach { item -> val

html -------------------------------------------------------------------------------------- <select id="num"> <option value="0">请选择</option> <option value="1">111</option> <option value="2">222</option> <option value="3">333</option> <option value="4">444</option> </select> jQuery -------------------------------------------------------------------------------------- 方法1： var val = $('#num').val(); 方法2： var val = $('#num option:selected').val(); 来源： https://www.cnblogs.com/small-pig/p/4482172.html

字符串长度截取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") } 清除左空格/右空格 function ltrim(s){ return s.replace( /^(\s*|　*)

收集了一些比较常用的javascript函数。 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、清除左空格/右空格 function ltrim

replace() 方法的参数 replacement 可以是函数而不是字符串。在这种情况下，每个匹配都调用该函数，它返回的字符串将作为替换文本使用。该函数的第一个参数是匹配模式的字符串。接下来的参数 是与模式中的子表达式匹配的字符串，可以有 0 个或多个这样的参数。接下来的参数是一个整数，声明了匹配在 stringObject 中出现的位置。最后一个参数是 stringObject 本身。 下文展示了几种javascript正则表示式的repalce方式，有些方式我们很少在别的地方看到，如第二种和第三方中方法。 //下面的例子用来获取url的两个参数，并返回urlRewrite之前的真实Url var reg = new RegExp ( "(http://www.qidian.com/BookReader/)(\\d+),(\\d+).aspx" , "gmi" ); var url = "http://www.qidian.com/BookReader/1017141,20361055.aspx" ; //方式一,最简单常用的方式 var rep = url.replace(reg , "$1ShowBook.aspx?bookId=$2&chapterId=$3" ); alert(rep); //方式二 ,采用固定参数的回调函数 var rep2 = url

1 JavaScript概述 1.1 ECMAScript和Javascript的关系 　　1996年11月，JavaScript的创造者--Netscape公司，决定将JavaScript提交给国际标准化组织ECMA，希望这门语言能够成为国际标准。次年，ECMA发布262号标准文件（ECMA-262）的第一版，规定了浏览器脚本语言的标准，并将这种语言称为ECMAScript，这个版本就是1.0版。 　　该标准一开始就是针对JavaScript语言制定的，但是没有称其为JavaScript，有两个方面的原因。一是商标，JavaScript本身已被Netscape注册为商标。而是想体现这门语言的制定者是ECMA，而不是Netscape，这样有利于保证这门语言的开发性和中立性。 　　因此ECMAScript和JavaScript的关系是，前者是后者的规格，后者是前者的一种实现。 1.2 ECMAScript的历史 注：ES6就是指ECMAScript 6。 尽管 ECMAScript 是一个重要的标准，但它并不是 JavaScript 唯一的部分，当然，也不是唯一被标准化的部分。实际上，一个完整的 JavaScript 实现是由以下 3 个不同部分组成的： 核心（ECMAScript） 文档对象模型（DOM） Document object model (整合js，css，html)

JavaScript概述 ECMAScript和JavaScript的关系 1996年11月，JavaScript的创造者--Netscape公司，决定将JavaScript提交给国际标准化组织ECMA，希望这门语言能够成为国际标准。次年，ECMA发布262号标准文件（ECMA-262）的第一版，规定了浏览器脚本语言的标准，并将这种语言称为ECMAScript，这个版本就是1.0版。 该标准一开始就是针对JavaScript语言制定的，但是没有称其为JavaScript，有两个方面的原因。一是商标，JavaScript本身已被Netscape注册为商标。而是想体现这门语言的制定者是ECMA，而不是Netscape，这样有利于保证这门语言的开发性和中立性。 因此ECMAScript和JavaScript的关系是，前者是后者的规格，后者是前者的一种实现。 ECMAScript的历史 年份 名称 描述 1997 ECMAScript 1 第一个版本 1998 ECMAScript 2 版本变更 1999 ECMAScript 3 添加正则表达式 添加try/catch ECMAScript 4 没有发布 2009 ECMAScript 5 添加"strict mode"严格模式 添加JSON支持 2011 ECMAScript 5.1 版本变更 2015 ECMAScript 6

a.第一种方法:创建一个新数组接收并返回; var arr1 = [1,2,3]; var arr2 = reverse1(arr1); console.log(arr2); console.log(reverse1(arr1)); //定义一个新数组，把老数组中的元素反向添加到新数组中 function reverse1(array){ var newArr = []; for(var i=array.length-1;i>=0;i--){ newArr[newArr.length] = array[i]; } return newArr; } b.第二种方法:直接修改原数组; var arr = [1,2,3]; console.log(arr); console.log(reverse2(arr)); //修改或者说翻转原数组，此方法没有返回值，所以只能打印原数组。 function reverse2(array){ for(var i=0;i<array.length/2;i++){ var temp = array[i]; array[i] = array[array.length-1-i]; array[array.length-1-i] = temp; } return array; //Array对象中的方法返回了一个数组。 } 来源： https://www