豆皮没有豆 - 博客园

2018年12月12日

JavaScript教程（十）JavaScript中的事件流②(事件捕获/冒泡)

摘要：一.事件流 1.事件流的介绍: 事件流描述的是从页面中接收事件的顺序. 事件流是描述的从页面接受事件的顺序,当几个都具有事件的元素层叠在一起的时候,那么你点击其中一个元素,并不是只有当前被点击的元素会触发事件,而层叠在你点击范围的所有元素都会触发事件. 2.事件流包括两种模式：冒泡和捕获. (1)事阅读全文

posted @ 2018-12-12 18:52 豆皮没有豆阅读(94) 评论(0) 推荐(0)

2018年12月7日

JavaScript教程（九）javascript中的事件介绍以及兼容性①[鼠标事件,键盘事件,event,目标事件,表单事件]

摘要：一.事件类型 1.事件的定义:指的是文档或者浏览器窗口中发生的一些特定交互瞬间.我们可以通过侦听器(或者处理程序)来预定事件,以便事件发生的时候执行相应的代码.(说白了,一段程序需要接受了一个指令才会去完成) 2.事件类型:事件的类型是用来说明发生什么类型事件的字符串.eg:鼠标事件,键盘事件,点击阅读全文

posted @ 2018-12-07 17:27 豆皮没有豆阅读(190) 评论(0) 推荐(0)

2018年12月4日

JavaScript教程（八）javascript中函数(function)

摘要： 1.概念: 重复执行的代码块或者说函数是事件驱动的重复执行的代码块. 2.函数的定义: 语法结构:function 函数名称遵循命名规则(){ 函数体 } 例: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title 阅读全文

posted @ 2018-12-04 19:26 豆皮没有豆阅读(233) 评论(0) 推荐(0)

HTML+CSS教程（十一）补充css中clip:rect用法

摘要： css中有一个属性叫做clip,用于修剪裁剪.配合其属性关键字rect可以实现元素的矩形裁剪效果. top right bottom left 分别指最终裁剪可见区域的上边,右边,下边,左边.而所有的数值都表示位置,且是相对于原始元素的左上角而言的. 经典案例: <!DOCTYPE html> <h 阅读全文

posted @ 2018-12-04 11:22 豆皮没有豆阅读(293) 评论(0) 推荐(0)

2018年12月3日

JavaScript教程（七）javascript中字符串(String)对象及处理字符串的方法

摘要：字符串的属性 length 的介绍: 在JavaScript 中,对于字符串来说,要掌握的属性就只有一个,那就是 length 属性.我们可以通过 length属性来获取字符串的长度. 语法：字符串名称.length 说明:length 属性很简单,但是在字符串操作中经常要用到,这个大家一定要记住阅读全文

posted @ 2018-12-03 17:53 豆皮没有豆阅读(138) 评论(0) 推荐(0)

JavaScript教程（六）JavaScript中冒泡排序

摘要： var arr=[23,1,2,0,11]; 第一轮比较(0): 比较了4次(arr.length-i-1) 1,23,2,0,11; 1,2,23,0,11; 1,2,0,23,11; 1,2,0,11,23; 第二轮比较(1) 比较了3次(arr.length-i-1) 1,2,0,11,23; 阅读全文

posted @ 2018-12-03 15:57 豆皮没有豆阅读(109) 评论(0) 推荐(0)

2018年12月2日

JavaScript教程（五）JavaScript中数组及数组的方法

摘要：一.数组及数组的方法 1.数组的概念: 是值数据的集合,在JavaScript中数组中的数据类型可以是不同的. 2.数组的声明: (1)var 数组的名称=new Array(); (2)var 数组的名称=[]; 3.数组的初始化 (1)var 数组的名称=new Array(‘值1’,值2,‘值阅读全文

posted @ 2018-12-02 12:14 豆皮没有豆阅读(143) 评论(0) 推荐(0)

JavaScript教程（四）JavaScript中获取页面元素的方法

摘要：一.charAT():表示是把字符串中的每一个字母按照字符转换输出. 例: <script type="text/javascript"> var str='i love javascript'; for(var i=0;i<str.length;i++){ // alert(str.length) 阅读全文

posted @ 2018-12-02 11:06 豆皮没有豆阅读(685) 评论(0) 推荐(0)

2018年11月28日

JavaScript教程（三）JavaScript中的for循环及案例

摘要： 1.语法结构: for(初始值;逻辑条件;增量/减量){ 循环体 } 例1:输出0~100之间的数,不包含0,100 <script type="text/javascript"> for(var i=1;i<100;i++){ document.write(i+'<br />'); } </scr 阅读全文

posted @ 2018-11-28 19:35 豆皮没有豆阅读(491) 评论(0) 推荐(0)

2018年11月27日

JavaScript教程（二）JavaScript中的自增自减运算符和流程语句

摘要：一.自增自减运算符 1.自增运算符(一种算数运算符) a++:表示的是a=a+1,先赋值后运算 ++a:表示的是a=a+1,先运算后赋值 eg: <script type="text/javascript"> var a=2; b=8; //a=3 >4 var sum=a++ + b++ + ++ 阅读全文

posted @ 2018-11-27 19:10 豆皮没有豆阅读(210) 评论(0) 推荐(0)