JavaScript的组成:ECMA.DOM.BOM闭包,子函数可以使用父函数的局部变量 函数:arguments是个参数数组oDiv.style.width:只能操作行间的样式.在IE下oDiv.currentStyle.width:可以操作非行间样式在chrome下getComputedStyle(oDiv,false).width 为了避免不同浏览器的兼容性…

第一章 JavaScript实现 JavaScript由三个不同部分组成: ECMAScript,提供核心语言功能 DOM,提供访问和操作网页内容的方法和接口 BOM,提供与浏览器交互的方法和接口. 第二章 在HTML中使用JavaScript 1.如何提高网页加载效率 A)将Script文件放在Body最后面 B)使用defer延迟脚本 C)使用async 异步脚本 第三章 基本概念 3.1数据类型 ECMAScript 有五种简单数据类型,分别是:Undefined.Null.Number.…

在 JavaScript 中,由于垃圾回收是自动进行的,所以人们在编码时可能不太会注意这方面.但事实是,一些 webapp 在使用一段时间后,会出现卡顿的现象,特别是那些单页应用,包括 WebView 方式的手机 app .这个现象在传统的“单击 - 刷新”类型的页面中并不明显,因为页面刷新之后,所有没有被回收的垃圾对象也会被清除,但是在单页应用中,如果没有手动去点浏览器的刷新按钮,那么就算是很小的内存泄露,随着页面停留时间的增长,累积的泄露会越来越多,在手机上的感觉就更明显了. 所以这里想讨论…

正则表达式: search(a);//查询a的位置 substring(2,5)//获取到2到4位 chartAt(3);//获取到第3位 split('-');//以-切分 (1) RegExp对象 JS写法:-----new RegExp("a","i");//i会忽略大小写,找到a perl写法:-----/a/i search /a/i (2) match获取匹配的项目 /\d/:转义//找第一个数字 /\d/g://找到所有数字,被切片了 /\d+/g//…

BOM (1). window.open('窗口','_self或者_blank');//打开一个新的浏览器窗口 例 var win = window.open('about:blank');//获取到新的窗口的window win.document.innerHtml = 'ads'; window.close()//关闭浏览器 (2) window.navigator.userAgent;//浏览器的属性 window.location//当前的地址//还可以赋值 (3) scrollTop…

Ajax:(1) 阻止缓存?+t = new data(); eval可以把string变为数组(2) get:放入URL username = &password = ; 容量有小 安全性差 用于获取数据 post:不通过网址 容量大(2G) 用户上传数据 安全性好一点(3) 1.创建Ajax对象 chrom new XMLHttpRequest(); IE new ActiveXObject("Microsoft.XMLHTTP"); 2.连接到服务器 3.发送请求 4.接…

(1) 表单:向服务器提交数据 action: 提交到哪里 表单事件: onsubmit: 提交时发生 onreset: 重置时发生(2) 运动框架: 1.在开始运动时.关闭已有定时器 2.把运动和停止分开(3) Math.ceil();//向上取证 Math.floor();//向下取证(4) 缓冲运动要取整(5) document.documentElement.scrollTop||document.body.scrollTop 获取滚动条的高度//IE//谷歌 document.docu…

事件(1) 鼠标的点击坐标: 火狐不支持 IE event.clientX//可视区坐标 event.clientY FF ev.clientX ev.clientY 兼容: var oEvent = ev||event; 要加scrollTop (2) 事件冒泡 事件会顺着层级一件件往上触发 阻止行为 var oEvent = ev||event; oEvent.cancelBubble = true;(3) 获取滚动条的高度 var scrollTop = document.document…

1.获取非行间css if(oDiv.currentStyle){ alert(oDiv.currentStyle.width); }else{ alert(oDiv.getComputedStyle(oDiv,false).width); }2.数组的定义 var a = [1,2,3]; var a = new Array(1,2,3);(1)清空数组: length = 0;(2) 添加:arr.push();尾部添加 删除:arr.pop();尾部删除(3) 头部添加: unshift(…

1.NaN不等于NaN 2.判断是不是NaN:isNaN; (强制类型转换) 3.parseInt(3.5) ->3  parseInt(3px)->3 4.pareFloat(3.7)->3.7 隐式类型转换 5. ==先转换类型,然后比较 ===不转换,直接比 减号 6.变量作用域 7.闭包 子函数可以使用父函数的变量 8.命名规范…

var jsondata=$.parseJSON(@ViewBag.x); //转换为Json数据 var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.push("Kiwi"); //字符串添加内容 alert(parseInt("123")); //字符串转换为数字…

DOM DOM节点 浏览器环境 遍历节点 DOM的基本属性 Attribute和自定义Property 在DOM中搜索元素 对文档进行操作…

document.execCommand("SaveAs",true,"aaa"); //将当前web页面另存为文件.第三个参数为文件名,可以自己设置,为空的时候为当前页文件的文件名.…

第六章 面向对象的程序设计 1.创建对象的几种方式 A)工厂模式 function CreatObj(name,sex,age){ this.name=name; this.sex=sex; this.age=age; } 缺点:虽然可以批量创建对象,却不能知道对象的类型 只知道他是Object类型: B)构造函数 function Person(name,sex){ this.name=name; this.sex=sex; this.sayName=function(){ alert(thi…

1.jQuery 语法 Tips: 通过 CDN(内容分发网络)引用JQuery:(link的引用最好放在script的引用之前) <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <script src="Tab.js"></script> 获取CDN网址:http://cdn.code.baidu.com/ j…

文档模式 主要模式2中混杂模式和标准模式. 1混杂模式,混杂模式会让IE的行为与(包含非标准特性的)IE5相同. 2标准模式,标准模式让IE的行为更接近标准行为. 准标准模式:通过过渡型或框架集型触发. 对于浏览器不标准的地方主要体现在处理图片间隙的时候,在表格中使用图片时问题最明显.…

1.js中循环中用 return只能停止循环,不能停止到函数的定义部分.所以下面的返回值为1 return 100没有意义,只起到终止循环的目的 function bb() { var sum = 0; var a = [1, 2, 3, 45, 6]; $(a).each(function (index, item) { if (item > 40) sum++; return 100; }); return sum; } 2.单个值返回false的值有哪些,请看下面的代码.其中的a的值可以为…

一.常用对话框 1.alert(""):警告对话框,作用是弹出一个警告对话框 2.confirm(""):确定对话框,弹出一个带确定和取消按钮的对话框——确定返回true,取消返回false 3.primpt("要显示的文字"):可以允许用户输入内容的对话框 二.基本语法(跟c#差不多) 1.变量 都是通用类型var,可以随便存储其它类型的值,可以直接使用,不用定义.但习惯上定义. 定义变量: var a;    //所有变量定义都用var定义,…

<高性能javascript> 领悟随笔之-------DOM编程篇二 序:在javaSctipt中,ECMASCRIPT规定了它的语法,BOM实现了页面与浏览器的交互,而DOM则承载着整个页面文档.DOM编程性能一直以来都是非常受开发者关注的话题,如何编写高性能的DOM是前端开发必不可少的技能. 1.重绘与重排 当浏览器加载完页面所有的元素.js.css.图片之后会自动生成两个数据结构: 1.dom树 (图片为转载) 如图所示,dom树表示了整个页面文档的结构,通过访问dom树我们可以得到某…

<高性能javascript> 领悟随笔之-------DOM编程篇一 序:在javaSctipt中,ECMASCRIPT规定了它的语法,BOM实现了页面与浏览器的交互,而DOM则承载着整个页面文档.DOM编程性能一直以来都是非常受开发者关注的话题,如何编写高性能的DOM是前端开发必不可少的技能. 1.DOM访问与修改 访问DOM元素是有一定的性能代价的,有时候这种代价会整体拖慢网页的运行速度,例如循环访问或修改一些元素内容,操作不当会导致页面卡帧,甚至是假死,例如下面的代码. functio…

JavaScript ES6 数组新方法 学习随笔 新建数组 var arr = [1, 2, 2, 3, 4] includes 方法 includes 查找数组有无该参数 有返回true var includes = arr.includes(2) map方法 map 遍历处理返回新数组 原数组不会改变 var map = arr.map(function (item) { return ++item }) reduce方法 reduce 遍历处理数组返回结果 prev与next中间的符号以…

做一个小功能时使用到的一点技术点记录下来: 1.在js中使用定时器: 这两个方法都可以用来实现在一个固定时间段之后去执行JavaScript.不过两者各有各的应用场景. 方 法 实际上,setTimeout和setInterval的语法相同.它们都有两个参数,一个是将要执行的代码字符串,还有一个是以毫秒为单位的时间间隔,当过了那个时间段之后就将执行那段代码. 不过这两个函数还是有区别的,setInterval在执行完一次代码之后,经过了那个固定的时间间隔,它还会自动重复执行代码,而setTime…

翻看博客,发现好久木有发blog了.纠其原因,一则是近来工作上卡到了一个编程难题,我是一个单线程的小猿,当我手头有事情做的时候,我不想分心去做其它事情,如写blog.二则是我个人的写作能力不佳,想到写blog,拖延心理大获全胜. 现在正值放假,刚好有时间总结一下这段时间来的工作收获,便花点时间,写一下blog. 我大学的读是饥渴专业,接触过几门编程语言,如:C.C++.Java和Python,其中玩弄C++的时间最久.当时的我,天真的以为学好C++,毕业后找份从事C++桌面应用程序开发的工作,就…

最近听了一些关于JavaScript和html的讲课和读了一些书籍.因为我是给项目做网站知道的,所以要特别的注意和努力.JavaScript是一门挺好用的脚本语言,比较简单灵活,在这上面我深有体会,因为不像c或者Java有很多的关键字和格式性问题,修改起来也非简单.html方面,css+div的布局还是比较简单的,但是要不懂编写复杂一点我觉得我还是不够的,那最近的实践中也发现只有自己做了才知道哪里不懂哪里不熟悉所以加强练习是一个重点.…

一.CSS兼容代码 .transparent { filter:alpha(opacity=50); /* IE */ -moz-opacity:0.5; /* FireFox old version*/ -khtml-opacity: 0.5; /* Sarfari old version */ opacity: 0.5; /* FireFox */ } 二.Javascript兼容代码 if (!window.jasen.core.Util) { window.jasen.core.Util…

一.前言 function ConvertEvent(e, element) { var event = e || window.event; var resultEvent = { event: event, type: event.type, target: event.target || event.srcElement, relatedTarget: event.relatedTarget || event.fromElement || event.toElement, clientX:…

一.前言 (function (window) { if (!window.jasen) { window.jasen = {}; } if (!window.jasen.core) { window.jasen.core = {}; } //------------------------------------------------ // XML operation below. //------------------------------------------------ if (…

一.Javascript源码 if (!window.jasen.core.Position) { window.jasen.core.Position = {}; } function Size(width, height) { this.width = parseFloat(width); this.height = parseFloat(height); } Size.prototype.toString = function () { return "width=" + thi…

一.iframe里面的页面调用父窗口,左右窗口js函数的方法 iframe里面的页面调用父窗口,左右窗口js函数的方法 实现iframe内部页面直接调用该iframe所属父窗口自定义函数的方法. 比如有A窗口,A内有个IFRAME B,B里面的装载的是C页面,这时C要直接调用A里面的一个自定义函数AFUN(); 那么只要在C页面中写如下JS函数就可以了: window.parent.AFUN(); 如果AFUN()有参数也可以直接传递合适的参数进去. 例如: 修改父窗口控件属性 window.p…

JavaScript三类方法: 1.类方法:2.对象方法:3.原型方法;注意三者异同 例: function People(name){ this.name=name; //对象方法 this.Introduce=function(){ console.log('My Name Is '+this.name); } } //类方法 People.Run=function(){ console.log('I Can Run'); } //原型方法 People.prototype.Introduc…