javascript
逍遥不羁
这个作者很懒,什么都没留下…
展开
-
javascript系列(2)-在html里面使用javascript
1、<script>标签介绍:在HTML页面中使用javascript的方法是使用<script>标签,该标签已被加入到HTML规范中, 1.1、它所具有的属性有: async:可选。表示应该立即下裁脚本,但不成妨碍更面中的真他操作,比如下裁其他资源或等特加裁其他脚本 。 只对外部脚本文件有效。 charset,可选,表示通过 src属性指定的代码的字符原创 2015-09-23 17:51:41 · 544 阅读 · 0 评论 -
js事件对象Event获取pageX,clientX,screenX,offsetX,layerX的方式与区别
pageX:鼠标在页面上的位置,从页面左上角开始,即是以页面为参考点,同一个元素坐标不随滑动条移动而变化clientX:鼠标在页面上可视区域的位置,即是以浏览器滑动条此刻的滑动到的位置为参考点,同一个元素坐标随滑动条移动而变化.注: 1、如果元素位于body中,e.clientX + document.body.scrollLeft - document.body.clientLeft = e.p原创 2016-03-22 16:28:11 · 9563 阅读 · 0 评论 -
offsetWidth、clientWidth、width、scrollWidth区别及js与jQuery获取的方式
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>offsetWidth、clientWidth、width、scrollWidth区别及js与jQuery获取的方式</title><script type="text/javascript" src="jquery.min.js"></script></head><body原创 2016-03-11 13:36:24 · 14505 阅读 · 3 评论 -
dOffsetLeft、dClientLeft、left区别
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>dOffsetLeft、dClientLeft、left区别</title><script type="text/javascript" src="jquery.min.js"></script></head><body style="position:relative;bor原创 2016-03-11 13:37:11 · 726 阅读 · 0 评论 -
javascript中new Date()构造函数在fireFox和ie不兼容的问题
//js中使用new Date(str)创建时间对象不兼容firefox和ie的问题 //比如2016-01-29格式的时间字符串通过new Date()将不能得到正确的时间对象 //处理方式如下: var endDate = '2016-01-29'; //方式一:Date.parse(原创 2016-01-29 18:20:55 · 2576 阅读 · 0 评论 -
ajax的基础:XMLHttpRequest对象
1、XMLHttpRequest 用于在后台与服务器交换数据,是实现ajax请求的核心对象,创建XMLHttpRequest的方式(考虑浏览器兼容性): var xmlhttp; if(window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLH原创 2015-12-03 10:58:53 · 722 阅读 · 0 评论 -
js中String类型对象的方法使用
var str = “hello world!”; 一、通过字符获取位置或通过位置获取字符://指定位置返回字符console.log(str.charAt(1));console.log(str[1]);//指定位置返回字符编码console.log(str.charCodeAt(1));//返回字符串位置console.log(str.indexOf("o"));console.l原创 2015-12-25 17:17:48 · 596 阅读 · 0 评论 -
javascript函数声明与函数表达式的区别:函数声明提升
1、定义函数的方式有两种,函数声明和函数表达式,对应语法:函数声明:function funName(){}函数表达式:var funName = function(){}2、上述两种方式除了定义的语法不同之外,最主要的区别是函数声明具有【函数声明提升】的特点,将函数声明提升到作用域顶端,意思是在执行代码之前会先读取函数声明,也就是说可以把函数声明放在函数调用的后面。下面通过例子说明:例1:原创 2015-12-01 14:30:10 · 989 阅读 · 0 评论 -
javascript函数执行环境创建过程及解析
简单的代码: function say(msg,other){ var str = "nobody say:"; this.name = '笨蛋的座右铭'; function innerMethod(){ alert(str); }; alert(str+msg); } say('h原创 2015-12-15 10:31:32 · 1799 阅读 · 0 评论 -
javascript脚本从载入浏览器到显示执行的过程解析
简单的代码: <script type="text/javascript" src="xxx.js"></script> <script type="text/javascript"> var i = 10; function say(msg){ alert(msg); } </script> <scrip原创 2015-12-15 00:16:41 · 1362 阅读 · 0 评论 -
javascript中函数声明、变量声明以及变量赋值之间的关系与影响
javascript中函数声明、变量声明以及变量赋值之间的关系与影响函数声明、变量声明以及变量赋值之间有以下几点共识: 1、所有的全局变量都是window的属性 2、函数声明被提升到范围作用域的顶端 3、变量声明被提升到范围作用域的顶端 4、变量声明比函数声明的优先级高,变量声明优先于函数声明被提升,如果两者同名同时存在,后被提升的函数声明会覆盖先被提升的变量原创 2015-12-09 13:28:49 · 2080 阅读 · 0 评论 -
javascript的执行环境及作用域概念总结与理解
一、关于JavaScript代码分类:在javascript中,可执行的JavaScript代码分三种类型: 1. Global Code:即全局的、不在任何函数里面的代码,例如:一个js文件、嵌入在HTML页面中的js代码等。 2. Eval Code:即使用eval()函数动态执行的JS代码。 3. Function Code:即用户自定义函数中的函数体JS代码。二、原创 2015-12-14 23:26:09 · 1220 阅读 · 0 评论 -
javascript系列(1):javascript简单认识
一个完整的javascript包含三个组成部分:核心ECMAScript、文档对象模型DOM、浏览器对象模型BOM1、ECMAScript: 由ECMA-262定义的ECMASript与浏览器并没有依赖关系,浏览器只是ECMAScript的宿主环境之一,其它宿主环境如nodejs、adobe flash; ECMA-262定义的是这门语言的基础,包括:语法、类型、语句、关键字、保留原创 2015-09-23 17:01:15 · 512 阅读 · 0 评论 -
javascript系列(3)-在html的文档模式
文档模式的概念是IE5.5首先引入的,分为两种:混杂模式和标准模式,后又提出准标准模式。文档模式主要影响的是CSS的展现,但在某种情况下也会影响javascript的解析执行 混杂模式为浏览器默认型,不同浏览器之间差异比较大,不推荐使用 标准模式为严格型,可以让浏览器更接近标准行为,设置标准模式即严格型如下: 准标准模式为过度型或框架型,与标准模式基本没有差异,设置原创 2015-09-23 18:05:14 · 442 阅读 · 0 评论 -
Javascript模块化编程(一):模块的写法
转载:http://www.ruanyifeng.com/blog/2012/10/javascript_module.html随着网站逐渐变成”互联网应用程序”,嵌入网页的Javascript代码越来越庞大,越来越复杂。网页越来越像桌面程序,需要一个团队分工协作、进度管理、单元测试等等……开发者不得不使用软件工程的方法,管理网页的业务逻辑。 Javascript模块化编程,已经成为一个迫切的需求转载 2016-10-27 16:26:59 · 1300 阅读 · 0 评论