JS
文章平均质量分 66
stefor22
javascript/css3/H5
展开
-
事件冒泡与禁用
事件冒泡是指在子元素和父元素(或更高层级)拥有相同事件的情况下,如果触发了子事件,会导致父元素或以上层级的元素里的相同事件都被触发,顺序为顺着DOM树往上触发,这种情况称为冒泡。有时候会提前触发我们并不想现在触发的事件。下为示例:DOCTYPE html>html> head> meta charset="UTF-8"> title>tit原创 2016-10-17 19:50:15 · 404 阅读 · 0 评论 -
关于js事件的描述
关于js事件的描述本来是打算将所有事件都有较清晰的理解再进行的,但由于事件的种类很多,关于事件之间的冲突情况更多,如onmouseover,onclick和onmousemove,若有需要同时运用这3个事件(如地图的运用,当然,地图一般都是以插件的形式放到页面中的),其JS代码的编写将变得较为麻烦,而这只是其中的一种且并不多见,因此对于事件只作简单的描述,大部分只需会单独运用即可。以下为整理后的较原创 2016-10-29 14:23:04 · 1347 阅读 · 1 评论 -
js基础:数据类型,变量命名规范
JS的数据类型,由以下几种类型组成:1)String 字符串 例:‘string’2)Number 数字 例:1233)Boolean 布尔 例:false4)Null 空 例:null5)原创 2016-10-11 20:14:21 · 1503 阅读 · 0 评论 -
js函数的基础应用:声明和调用、有参函数、无参函数、返回值
本文为js中最基础的函数相关应用,仅适合新人观看!声明函数:function a(){ var b=1;};调用:a();有参函数及调用:var c; function b ( name ) { name = 2; }b ( c );上面的name为形参(在函数本体内的出现),c为实参(调用后将返回到函数中进行使原创 2016-10-11 20:42:00 · 756 阅读 · 0 评论 -
js基础:局部变量、全局标量、闭包
局部变量:指的是函数体内的变量,函数体外部无法调用。function a(){ var b=1;}a();alert(b); 上段函数中,即使已经运行了函数,但因为b是函数内的变量(即局部变量),其他地方无法调用,所以弹出的是undefined 全局变量:指的是在整个javascript文件内都能调用的变量,当然,因为j原创 2016-10-12 15:51:24 · 647 阅读 · 0 评论 -
js基础:数组基础和数组方法的各种使用
想用数组,自然得声明先学会一个数组,声明方法有以下几种:1.var a = new Array(5); 括号内的5为数组长度,数组名字为a2.var a = new Array(); 数组名字为a,长度暂未定义3.var a = new Array(['a']);//注意有无中括号的区别数组名字为a,第一个数组元素为字符串’a‘4.var a = [12,42,31原创 2016-10-12 16:11:24 · 317 阅读 · 0 评论 -
关于AJAX的基础运用
AJAX 全称为Asynchronous Javascript and XML,即异步的javascript和XML,可以使网页在不进行重新加载却又能更新网页的一部分。达到优化客户体验的效果。可以想象,如果每次只想更新一小部分内容,却必须按F5进行整页刷新,这体验也太糟糕了点。随着IT行业数十年的不断更新淘汰,如今AJAX已经成为网页设计必不可少的一部分,下面就是运用AJAX获取文件信息的简单代码原创 2016-10-17 15:56:42 · 291 阅读 · 0 评论 -
AJAX的status返回状态的含义
1xx - 信息提示 这些状态代码表示临时的响应。客户端在收到常规响应之前,应准备接收一个或多个 1xx 响应。 · 100 - Continue 初始的请求已经接受,客户应当继续发送请求的其余部分。(HTTP 1.1新) · 101 - Switching Protocols 服务器将遵从客户的请求转换到另外一种协议(HTTP 1.1新)转载 2016-10-17 16:41:08 · 3906 阅读 · 0 评论 -
事件绑定的应用
事件绑定在多人共同制作的网页中非常的常见,因为下面为一个简单的例子,如果在同一个页面内同时有两个WINDOW.ONLOAD函数,如下,猜一下会执行2个?还是报错都不执行?还是只执行一个?答案是只会弹出字符b.为了解决问题,便需要用到事件的绑定。DOCTYPE html>html> head> meta charset="utf-8" />原创 2016-10-17 18:58:27 · 307 阅读 · 0 评论 -
拖拽及相关BUG的修复
代码如下,主要是注意获取点击时鼠标与盒子的相应位置,最后用移动后的坐标减去相对的坐标。注意限制盒子拖拽范围,火狐的鬼影问题即可。DOCTYPE html>html> head> meta charset="UTF-8"> title>title> style type="text/css">原创 2016-10-29 16:11:48 · 262 阅读 · 0 评论