2016 年 6月随笔档案 - 攻城狮-云上

JS DOM对象

摘要：认识DOM 文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。先来看看下面代码: 将HTML代码分解为DOM节点层次图: HTML文档可以说由节点构成... 阅读全文

posted @ 2016-06-16 09:58 攻城狮-云上阅读(230) 评论(0) 推荐(0) 编辑

编程练习制作一个跳转提示页面：要求： 1. 如果打开该页面后，如果不做任何操作则5秒后自动跳转到一个新的地址 2. 如果点击“返回”按钮则返回前一个页面。

摘要：编程练习制作一个跳转提示页面：要求： 1. 如果打开该页面后，如果不做任何操作则5秒后自动跳转到一个新的地址，如课网主页。 2. 如果点击“返回”按钮则返回前一个页面。效果: 注意: 在窗口中运行该程序时，该窗口一定要有历史浏览记录，否则"返回"无效果。任务... 阅读全文

posted @ 2016-06-16 09:10 攻城狮-云上阅读(501) 评论(0) 推荐(0) 编辑

JS对象 window对象屏幕可用高和宽度 1. screen.availWidth 属性返回访问者屏幕的宽度，以像素计，减去界面特性，比如任务栏。 2. screen.availHeight 属

摘要：屏幕可用高和宽度 1. screen.availWidth 属性返回访问者屏幕的宽度，以像素计，减去界面特性，比如任务栏。 2. screen.availHeight 属性返回访问者屏幕的高度，以像素计，减去界面特性，比如任务栏。注意: 不同系统的任务栏默认高度不一样，及任务栏... 阅读全文

posted @ 2016-06-16 08:33 攻城狮-云上阅读(339) 评论(0) 推荐(0) 编辑

JS对象屏幕分辨率的高和宽 window.screen 对象包含有关用户屏幕的信息。 1. screen.height 返回屏幕分辨率的高 2. screen.width 返回屏幕分辨率的宽

摘要：屏幕分辨率的高和宽 window.screen 对象包含有关用户屏幕的信息。 1. screen.height 返回屏幕分辨率的高 2. screen.width 返回屏幕分辨率的宽注意: 1.单位以像素计。 2. window.screen 对象在编写时可以不使用 window 这... 阅读全文

posted @ 2016-06-16 08:32 攻城狮-云上阅读(485) 评论(0) 推荐(0) 编辑

JS window对象 userAgent 返回用户代理头的字符串表示(就是包括浏览器版本信息等的字符串) 语法 navigator.userAgent

摘要：userAgent 返回用户代理头的字符串表示(就是包括浏览器版本信息等的字符串) 语法 navigator.userAgent 几种浏览的user_agent.，像360的兼容模式用的是IE、极速模式用的是chrom的内核。使用userAgent判断使用的是什么浏览器(假... 阅读全文

posted @ 2016-06-16 08:31 攻城狮-云上阅读(725) 评论(0) 推荐(0) 编辑

JS window对象 screen对象 screen对象用于获取用户的屏幕信息。语法： window.screen.属性

摘要：screen对象 screen对象用于获取用户的屏幕信息。语法： window.screen.属性对象属性: 阅读全文

posted @ 2016-06-16 08:31 攻城狮-云上阅读(195) 评论(0) 推荐(0) 编辑

JS window对象返回浏览历史中的其他页面 go()方法，根据当前所处的页面，加载 history 列表中的某个具体的页面。语法： window.history.go(number);

摘要：返回浏览历史中的其他页面 go()方法，根据当前所处的页面，加载 history 列表中的某个具体的页面。语法： window.history.go(number); 参数：浏览器中，返回当前页面之前浏览过的第二个历史页面，代码如下： window.history.go(... 阅读全文

posted @ 2016-06-16 08:30 攻城狮-云上阅读(425) 评论(0) 推荐(0) 编辑

JS window对象 Location对象 location用于获取或设置窗体的URL，并且可以用于解析URL。语法: location.[属性|方法]

摘要：Location对象 location用于获取或设置窗体的URL，并且可以用于解析URL。语法: location.[属性|方法] location对象属性图示: location 对象属性： location 对象方法: 任务在右边编辑器script... 阅读全文

posted @ 2016-06-16 08:30 攻城狮-云上阅读(788) 评论(0) 推荐(0) 编辑

JS window对象 Navigator对象 Navigator 对象包含有关浏览器的信息，通常用于检测浏览器与操作系统的版本。

摘要：Navigator对象 Navigator 对象包含有关浏览器的信息，通常用于检测浏览器与操作系统的版本。对象属性: 查看浏览器的名称和版本，代码如下: 任务在右边编辑器script标签内，使用Navigator对象，查看浏览器相关信息。无标题文档... 阅读全文

posted @ 2016-06-16 08:30 攻城狮-云上阅读(624) 评论(0) 推荐(0) 编辑

JS window对象返回下一个浏览的页面 forward()方法，加载 history 列表中的下一个 URL。

摘要：返回下一个浏览的页面 forward()方法，加载 history 列表中的下一个 URL。如果倒退之后，再想回到倒退之前浏览的页面，则可以使用forward()方法,代码如下: window.history.forward(); 注意：等价点击前进按钮。 forward()相... 阅读全文

posted @ 2016-06-16 08:29 攻城狮-云上阅读(3490) 评论(0) 推荐(0) 编辑

JS window对象取消计时器clearTimeout() setTimeout()和clearTimeout()一起使用，停止计时器。语法: clearTimeout(id_of_setT

摘要：取消计时器clearTimeout() setTimeout()和clearTimeout()一起使用，停止计时器。语法: clearTimeout(id_of_setTimeout) 参数说明: id_of_setTimeout：由 setTimeout() 返回的 ID 值... 阅读全文

posted @ 2016-06-16 08:28 攻城狮-云上阅读(596) 评论(0) 推荐(0) 编辑

JS window对象 History 对象 history对象记录了用户曾经浏览过的页面(URL)，并可以实现浏览器前进与后退相似导航的功能。语法： window.history.[属性|方法]

摘要：History 对象 history对象记录了用户曾经浏览过的页面(URL)，并可以实现浏览器前进与后退相似导航的功能。注意:从窗口被打开的那一刻开始记录，每个浏览器窗口、每个标签页乃至每个框架，都有自己的history对象与特定的window对象关联。语法： window.h... 阅读全文

posted @ 2016-06-16 08:28 攻城狮-云上阅读(1241) 评论(0) 推荐(0) 编辑

JS window对象返回前一个浏览的页面 back()方法，加载 history 列表中的前一个 URL。语法： window.history.back();

摘要：返回前一个浏览的页面 back()方法，加载 history 列表中的前一个 URL。语法： window.history.back(); 比如，返回前一个浏览的页面，代码如下： window.history.back(); 注意：等同于点击浏览器的倒退按钮。 bac... 阅读全文

posted @ 2016-06-16 08:28 攻城狮-云上阅读(10709) 评论(0) 推荐(0) 编辑

JS window对象计时器setTimeout() setTimeout()计时器，在载入后延迟指定时间后,去执行一次表达式,仅执行一次。语法: setTimeout(代码,延迟时间);

摘要：计时器setTimeout() setTimeout()计时器，在载入后延迟指定时间后,去执行一次表达式,仅执行一次。语法: setTimeout(代码,延迟时间); 参数说明： 1. 要调用的函数或要执行的代码串。 2. 延时时间：在执行代码前需等待的时间，以毫秒为单位（1... 阅读全文

posted @ 2016-06-16 08:27 攻城狮-云上阅读(690) 评论(0) 推荐(0) 编辑

JS window对象取消计时器clearInterval() clearInterval() 方法可取消由 setInterval() 设置的交互时间。

摘要：取消计时器clearInterval() clearInterval() 方法可取消由 setInterval() 设置的交互时间。语法： clearInterval(id_of_setInterval) 参数说明: id_of_setInterval：由 setInterva... 阅读全文

posted @ 2016-06-16 08:26 攻城狮-云上阅读(1058) 评论(0) 推荐(0) 编辑

JS Window对象计时器setInterval() 在执行时,从载入页面后每隔指定的时间执行代码。

摘要：计时器setInterval() 在执行时,从载入页面后每隔指定的时间执行代码。语法: setInterval(代码,交互时间); 参数说明： 1. 代码：要调用的函数或要执行的代码串。 2. 交互时间：周期性执行或调用表达式之间的时间间隔，以毫秒计（1s=1000ms）。 ... 阅读全文

posted @ 2016-06-16 08:25 攻城狮-云上阅读(946) 评论(0) 推荐(0) 编辑

JS Window对象

摘要：window对象 window对象是BOM的核心，window对象指当前的浏览器窗口。 window对象方法: 注意:在JavaScript基础篇中，已讲解了部分属性，window对象重点讲解计时器。任务在右边编辑器script标签内补充代码，弹出对话框"欢迎... 阅读全文

posted @ 2016-06-16 08:24 攻城狮-云上阅读(210) 评论(0) 推荐(0) 编辑

JS对象编程练习某班的成绩出来了，现在老师要把班级的成绩打印出来。效果图: XXXX年XX月X日星期X--班级总分为:81

摘要：编程练习某班的成绩出来了，现在老师要把班级的成绩打印出来。效果图: XXXX年XX月X日星期X--班级总分为:81 格式要求： 1、显示打印的日期。格式为类似“XXXX年XX月XX日星期X” 的当前的时间。 2、计算出该班级的平均分（保留整数）。同学成绩数据如下：... 阅读全文

posted @ 2016-06-16 08:24 攻城狮-云上阅读(1660) 评论(0) 推荐(1) 编辑

JS对象数组排序sort() sort()方法使数组中的元素按照一定的顺序排列。语法: arrayObject.sort(方法函数)

摘要：数组排序sort() sort()方法使数组中的元素按照一定的顺序排列。语法: arrayObject.sort(方法函数) 参数说明： 1.如果不指定，则按unicode码顺序排列。 2.如果指定，则按所指定的排序方法排序。 myArray.sort(sortMet... 阅读全文

posted @ 2016-06-16 08:21 攻城狮-云上阅读(5176) 评论(0) 推荐(0) 编辑

JS数组选定元素slice() slice() 方法可从已有的数组中返回选定的元素。语法 arrayObject.slice(start,end)

摘要：选定元素slice() slice() 方法可从已有的数组中返回选定的元素。语法 arrayObject.slice(start,end) 参数说明： 1.返回一个新的数组，包含从 start 到 end （不包括该元素）的 arrayObject 中的元素。 2. 该... 阅读全文

posted @ 2016-06-16 08:20 攻城狮-云上阅读(469) 评论(0) 推荐(0) 编辑

JS对象颠倒数组元素顺序reverse() reverse() 方法用于颠倒数组中元素的顺序。

摘要：颠倒数组元素顺序reverse() reverse() 方法用于颠倒数组中元素的顺序。语法： arrayObject.reverse() 注意：该方法会改变原来的数组，而不会创建新的数组。定义数组myarr并赋值，然后颠倒其元素的顺序：运行结果： 1,2,33... 阅读全文

posted @ 2016-06-15 11:35 攻城狮-云上阅读(1556) 评论(0) 推荐(0) 编辑

JS对象指定分隔符连接数组元素join() join()方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。

摘要：指定分隔符连接数组元素join() join()方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。语法： arrayObject.join(分隔符) 参数说明: 注意：返回一个字符串，该字符串把数组中的各个元素串起来，用置于元素与元素之间。这个方法... 阅读全文

posted @ 2016-06-15 11:24 攻城狮-云上阅读(4091) 评论(0) 推荐(0) 编辑

JS对象数组连接 concat() 方法用于连接两个或多个数组。此方法返回一个新数组，不改变原来的数组。语法 arrayObject.concat(array1,array2,.arrayN)

摘要：concat() 方法用于连接两个或多个数组。此方法返回一个新数组，不改变原来的数组。语法 arrayObject.concat(array1,array2,...,arrayN) 参数说明：注意: 该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。我们创建一... 阅读全文

posted @ 2016-06-15 10:47 攻城狮-云上阅读(737) 评论(0) 推荐(0) 编辑

JS对象 Array 数组对象数组对象是一个对象的集合，里边的对象可以是不同类型的。数组的每一个成员对象都有一个“下标”，用来表示它在数组中的位置，是从零开始的

摘要：Array 数组对象数组对象是一个对象的集合，里边的对象可以是不同类型的。数组的每一个成员对象都有一个“下标”，用来表示它在数组中的位置，是从零开始的数组定义的方法： 1. 定义了一个空数组: var 数组名= new Array(); 2. 定义时指定有n个空元素的数组：... 阅读全文

posted @ 2016-06-15 10:39 攻城狮-云上阅读(2135) 评论(0) 推荐(0) 编辑

JS对象随机数 random() 方法可返回介于 0 ~ 1（大于或等于 0 但小于 1 )之间的一个随机数。注意：返回一个大于或等于 0但小于1的符号为正的数值

摘要：随机数 random() random() 方法可返回介于 0 ~ 1（大于或等于 0 但小于 1 )之间的一个随机数。语法： Math.random(); 注意：返回一个大于或等于 0 但小于 1 的符号为正的数字值。我们取得介于 0 到 1 之间的一个随机数，代码如下： ... 阅读全文

posted @ 2016-06-15 10:13 攻城狮-云上阅读(2716) 评论(0) 推荐(0) 编辑

JS对象四舍五入round() round() 方法可把一个数字四舍五入为最接近的整数。语法: Math.round(x)

摘要：四舍五入round() round() 方法可把一个数字四舍五入为最接近的整数。语法: Math.round(x) 参数说明：注意： 1. 返回与 x 最接近的整数。 2. 对于 0.5，该方法将进行上舍入。(5.5 将舍入为 6) 3. 如果 x 与两侧整数同等接... 阅读全文

posted @ 2016-06-15 09:56 攻城狮-云上阅读(1340) 评论(0) 推荐(0) 编辑

JS对象向下取整floor() floor() 方法可对一个数进行向下取整。语法: Math.floor(x)

摘要：向下取整floor() floor() 方法可对一个数进行向下取整。语法: Math.floor(x) 参数说明：注意：返回的是小于或等于x，并且与 x 最接近的整数。我们将在不同的数字上使用 floor() 方法，代码如下: 运行结果： 0653-6-6 ... 阅读全文

posted @ 2016-06-15 09:49 攻城狮-云上阅读(659) 评论(0) 推荐(0) 编辑

JS对象向上取整ceil() ceil() 方法可对一个数进行向上取整。语法: Math.ceil(x) 注意：它返回的是大于或等于x，并且与x最接近的整数。

摘要：向上取整ceil() ceil() 方法可对一个数进行向上取整。语法: Math.ceil(x) 参数说明: 注意：它返回的是大于或等于x，并且与x最接近的整数。我们将把 ceil() 方法运用到不同的数字上，代码如下：运行结果： 1754-5-5 ... 阅读全文

posted @ 2016-06-15 09:18 攻城狮-云上阅读(345) 评论(0) 推荐(0) 编辑

JS对象神奇的Math对象，提供对数据的数学计算。注意：Math 对象是一个固有的对象，无需创建它，直接把 Math 作为对象使用就可以调用其所有属性和方法。这是它与Date,String对象的区别

摘要：Math对象 Math对象，提供对数据的数学计算。使用 Math 的属性和方法，代码如下：运行结果: 3.14159265358979315 注意：Math 对象是一个固有的对象，无需创建它，直接把 Math 作为对象使用就可以调用其所有属性和方法。这是它与Date,... 阅读全文

posted @ 2016-06-15 09:09 攻城狮-云上阅读(160) 评论(0) 推荐(0) 编辑

JS对象提取指定数目的字符substr() substr() 方法从字符串中提取从 startPos位置开始的指定数目的字符串。

摘要：提取指定数目的字符substr() substr() 方法从字符串中提取从 startPos位置开始的指定数目的字符串。语法: stringObject.substr(startPos,length) 参数说明: 注意：如果参数startPos是负数，从字符串的尾部开始算起... 阅读全文

posted @ 2016-06-15 09:00 攻城狮-云上阅读(313) 评论(0) 推荐(0) 编辑

JS对象 substring() 方法用于提取字符串中介于两个指定下标之间的字符。

摘要：提取字符串substring() substring() 方法用于提取字符串中介于两个指定下标之间的字符。语法: stringObject.substring(starPos,stopPos) 参数说明: 注意： 1. 返回的内容是从 start开始(包含start位置... 阅读全文

posted @ 2016-06-15 08:51 攻城狮-云上阅读(1365) 评论(0) 推荐(0) 编辑

JS对象字符串分割 split() 方法将字符串分割为字符串数组，并返回此数组。语法： stringObject.split(separator,limit)

摘要：字符串分割split() 知识讲解： split() 方法将字符串分割为字符串数组，并返回此数组。语法： stringObject.split(separator,limit) 参数说明: 注意：如果把空字符串 ("") 用作 separator，那么 stringOb... 阅读全文

posted @ 2016-06-15 08:50 攻城狮-云上阅读(3174) 评论(0) 推荐(0) 编辑

JS对象 indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。

摘要：返回指定的字符串首次出现的位置 indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。语法 stringObject.indexOf(substring, startpos) 参数说明：说明： 1.该方法将从头到尾地检索字符串 stringObje... 阅读全文

posted @ 2016-06-15 08:49 攻城狮-云上阅读(2204) 评论(0) 推荐(0) 编辑

JS对象 charAt() 方法可返回指定位置的字符。返回的字符是长度为 1 的字符串。

摘要：返回指定位置的字符 charAt() 方法可返回指定位置的字符。返回的字符是长度为 1 的字符串。语法: stringObject.charAt(index) 参数说明：注意：1.字符串中第一个字符的下标是 0。最后一个字符的下标为字符串长度减一（string.leng... 阅读全文

posted @ 2016-06-15 08:48 攻城狮-云上阅读(857) 评论(0) 推荐(0) 编辑

JS对象 String 字符串对象定义字符串的方法就是直接赋值。比如： var mystr = "I love JavaScript!"

摘要：String 字符串对象在之前的学习中已经使用字符串对象了，定义字符串的方法就是直接赋值。比如： var mystr = "I love JavaScript!" 定义mystr字符串后，我们就可以访问它的属性和方法。访问字符串对象的属性length: stringObjec... 阅读全文

posted @ 2016-06-15 08:47 攻城狮-云上阅读(7654) 评论(0) 推荐(0) 编辑

JS对象返回/设置时间方法 get/setTime() 返回/设置时间，单位毫秒数一小时为：60*60*1000

摘要：返回/设置时间方法 get/setTime() 返回/设置时间，单位毫秒数，计算从 1970 年 1 月 1 日零时到日期对象所指的日期的毫秒数。如果将目前日期对象的时间推迟1小时，代码如下: 结果: 当前时间：Thu Mar 6 11:46:27 UTC+0800 201... 阅读全文

posted @ 2016-06-15 08:45 攻城狮-云上阅读(1691) 评论(0) 推荐(0) 编辑

JS对象返回星期方法 getDay() 返回星期，返回的是0-6的数字，0 表示星期天。如果要返回相对应“星期”，通过数组完成

摘要：返回星期方法 getDay() 返回星期，返回的是0-6的数字，0 表示星期天。如果要返回相对应“星期”，通过数组完成，代码如下: 注意：以上代码是在2014年3月7日，星期五运行。结果: 5 今天是：星期五任务补充右边编辑器第9行，使用getD... 阅读全文

posted @ 2016-06-15 08:42 攻城狮-云上阅读(2639) 评论(0) 推荐(0) 编辑

JS对象返回/设置年份方法 get/setFullYear() 返回/设置年份，用四位数表示。.顺序格式依次为：星期、月、日、年、时、分、秒、时区。(火狐浏览器)

摘要：返回/设置年份方法 get/setFullYear() 返回/设置年份，用四位数表示。 var mydate=new Date();//当前时间2014年3月6日document.write(mydate+"");//输出当前时间document.write(mydate.getFul... 阅读全文

posted @ 2016-06-15 08:41 攻城狮-云上阅读(386) 评论(0) 推荐(0) 编辑

JS对象 Date 日期对象日期对象可以储存任意一个日期，并且可以精确到毫秒数（1/1000 秒）。定义一个时间对象 : var Udate=new Date();Date()的首字母须大写

摘要：Date 日期对象日期对象可以储存任意一个日期，并且可以精确到毫秒数（1/1000 秒）。定义一个时间对象 : var Udate=new Date(); 注意:使用关键字new，Date()的首字母必须大写。使 Udate 成为日期对象，并且已有初始值：当前时间(... 阅读全文

posted @ 2016-06-15 08:40 攻城狮-云上阅读(401) 评论(0) 推荐(0) 编辑

JS对象 JavaScript 中的所有事物都是对象，如:字符串、数值、数组、函数等，每个对象带有属性和方法。

摘要：什么是对象 JavaScript 中的所有事物都是对象，如:字符串、数值、数组、函数等，每个对象带有属性和方法。对象的属性：反映该对象某些特定的性质的，如：字符串的长度、图像的长宽等；对象的方法：能够在对象上执行的动作。例如，表单的“提交”(Submit)，时间的“获取”(ge... 阅读全文

posted @ 2016-06-15 08:40 攻城狮-云上阅读(342) 评论(0) 推荐(0) 编辑

强大！常用正则表达式

摘要：话说：正则表达式的作用至少相当于我们武器库里面的火箭炮了，可以为你节省几十公斤的炸药重量了，轻巧+高效+杀伤力巨大！正文：正则表达式经常被用于字段或任意字符串的校验 1、校验密码强度密码的强度必须包含大小写字母和数字的组合，不能使用特殊字符，长度在8-10之间 ^(?=... 阅读全文

posted @ 2016-06-14 15:41 攻城狮-云上阅读(167) 评论(0) 推荐(0) 编辑

魔兽版前端-大家好，我叫逗你玩！

摘要：魔兽上映了，有多少看的，下面评论区举举手，发发言！本来首映要去看来着，虽然是一个伪粉丝，但赶赶潮流还是可以的，但由于小编有其他的事情就没看！今天中午吃饭问了一位教学部的老师，他说：就算不是一个游戏玩家，看了也是很精彩的。首映那天，很多专业游戏玩家都去看了，就好像有志同道合的人再看一部电影似的... 阅读全文

posted @ 2016-06-14 15:32 攻城狮-云上阅读(201) 评论(0) 推荐(0) 编辑

各种图片特效，你想要吗？你不是真的想要吧？【纯CSS实现】

摘要：html部分： Hover Effect Ideas An inspirational collection of subtle hover effects Set 1 Set 2 ... 阅读全文

posted @ 2016-06-14 13:08 攻城狮-云上阅读(268) 评论(0) 推荐(0) 编辑

JS事件编程练习-自制计算器使用JS完成一个简单的计算器功能。实现2个输入框中输入整数后，点击第三个输入框能给出2个整数的加减乘除。

摘要：编程练习使用JS完成一个简单的计算器功能。实现2个输入框中输入整数后，点击第三个输入框能给出2个整数的加减乘除。提示：获取元素的值设置和获取方法为：例：赋值：document.getElementById(“id”）.value = 1；取值：var = document.ge... 阅读全文

posted @ 2016-06-14 11:58 攻城狮-云上阅读(5014) 评论(0) 推荐(0) 编辑

JS事件卸载事件当用户退出页面时（页面关闭、页面刷新等），触发onUnload事件，同时执行被调用的程序。注意：不同浏览器对onunload事件支持不同。

摘要：卸载事件（onunload）当用户退出页面时（页面关闭、页面刷新等），触发onUnload事件，同时执行被调用的程序。注意：不同浏览器对onunload事件支持不同。如下代码,当退出页面时，弹出对话框“您确定离开该网页吗？”。运行结果：（IE浏览器）卸... 阅读全文

posted @ 2016-06-14 10:47 攻城狮-云上阅读(666) 评论(0) 推荐(0) 编辑

JS事件加载事件（onload）注意：1. 加载页面时，触发onload事件，事件写在<body>标签内。 2. 此节的加载页面，可理解为打开一个新页面时。

摘要：加载事件（onload）事件会在页面加载完成后，立即发生，同时执行被调用的程序。注意：1. 加载页面时，触发onload事件，事件写在标签内。 2. 此节的加载页面，可理解为打开一个新页面时。如下代码,当加载一个新页面时，弹出对话框“加载中，请稍等…”。运行... 阅读全文

posted @ 2016-06-14 10:40 攻城狮-云上阅读(608) 评论(0) 推荐(0) 编辑

JS事件文本框内容改变事件（onchange）通过改变文本框的内容来触发onchange事件，同时执行被调用的程序。

摘要：文本框内容改变事件（onchange）通过改变文本框的内容来触发onchange事件，同时执行被调用的程序。如下代码,当用户将文本框内的文字改变后，弹出对话框“您改变了文本内容！”。运行结果：任务补充右边编辑器第13行，实现改变文本框内容时，调用m... 阅读全文

posted @ 2016-06-14 10:36 攻城狮-云上阅读(3893) 评论(0) 推荐(0) 编辑

JS事件内容选中事件（onselect）选中事件，当文本框或者文本域中的文字被选中时，触发onselect事件，同时调用的程序就会被执行。

摘要：内容选中事件（onselect）选中事件，当文本框或者文本域中的文字被选中时，触发onselect事件，同时调用的程序就会被执行。如下代码,当选中用户文本框内的文字时，触发onselect 事件，并调用函数message()。运行结果：任务补充右边编辑器... 阅读全文

posted @ 2016-06-14 10:31 攻城狮-云上阅读(8269) 评论(0) 推荐(0) 编辑

JS事件失焦事件（onblur）onblur事件与onfocus是相对事件，当光标离开当前获得聚焦对象的时候，触发onblur事件，同时执行被调用的程序。

摘要：失焦事件（onblur） onblur事件与onfocus是相对事件，当光标离开当前获得聚焦对象的时候，触发onblur事件，同时执行被调用的程序。如下代码, 网页中有用户和密码两个文本框。当前光标在用户文本框内时（即焦点在文本框），在光标离开该文本框后（即失焦时），触发onblu... 阅读全文

posted @ 2016-06-14 10:27 攻城狮-云上阅读(32990) 评论(0) 推荐(0) 编辑

JS事件光标聚焦事件（onfocus）当网页中的对象获得聚点时，执行onfocus调用的程序就会被执行

摘要：光标聚焦事件（onfocus）当网页中的对象获得聚点时，执行onfocus调用的程序就会被执行。如下代码, 当将光标移到文本框内时，即焦点在文本框内，触发onfocus 事件，并调用函数message()。运行结果：任务补充右边编辑器第14行，当下拉列表... 阅读全文

posted @ 2016-06-14 10:22 攻城狮-云上阅读(4987) 评论(0) 推荐(0) 编辑

JS事件鼠标移开事件（onmouseout）鼠标移开事件，当鼠标移开当前对象时，执行onmouseout调用的程序。

摘要：鼠标移开事件（onmouseout）鼠标移开事件，当鼠标移开当前对象时，执行onmouseout调用的程序。当把鼠标移动到"登录"按钮上，然后再移开时，触发onmouseout事件，调用函数message()，代码如下: 运行结果: 任务补充右边编辑器第1... 阅读全文

posted @ 2016-06-14 10:15 攻城狮-云上阅读(3923) 评论(0) 推荐(0) 编辑

JS事件鼠标经过事件（onmouseover）鼠标经过事件，当鼠标移到一个对象上时，该对象就触发onmouseover事件，并执行onmouseover事件调用的程序。

摘要：鼠标经过事件（onmouseover）鼠标经过事件，当鼠标移到一个对象上时，该对象就触发onmouseover事件，并执行onmouseover事件调用的程序。现实鼠标经过"确定"按钮时，触发onmouseover事件，调用函数info()，弹出消息框，代码如下: 运行结果... 阅读全文

posted @ 2016-06-14 10:09 攻城狮-云上阅读(67288) 评论(0) 推荐(0) 编辑

JS事件鼠标单击事件( onclick ）通常与按钮一起使用。onclick是鼠标单击事件，当在网页上单击鼠标时，就会发生该事件。同时onclick事件调用的程序块就会被执行

摘要：鼠标单击事件( onclick ） onclick是鼠标单击事件，当在网页上单击鼠标时，就会发生该事件。同时onclick事件调用的程序块就会被执行，通常与按钮一起使用。比如，我们单击按钮时，触发 onclick 事件，并调用两个数和的函数add2()。代码如下： ... 阅读全文

posted @ 2016-06-14 10:03 攻城狮-云上阅读(1093) 评论(0) 推荐(0) 编辑

JS事件什么是事件？JavaScript 创建动态页面。事件是可以被 JavaScript 侦测到的行为。网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。

摘要：什么是事件 JavaScript 创建动态页面。事件是可以被 JavaScript 侦测到的行为。网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。比如说，当用户单击按钮或者提交表单数据时，就发生一个鼠标单击（onclick）事件，需要浏览器做出处理，... 阅读全文

posted @ 2016-06-14 09:58 攻城狮-云上阅读(299) 评论(0) 推荐(0) 编辑

JS函数编程练习使用javascript代码写出一个函数：实现传入两个整数后弹出较大的整数。

摘要：编程练习使用javascript代码写出一个函数：实现传入两个整数后弹出较大的整数。任务第一步：编写代码完成一个函数的定义吧。第二步：我们来补充函数体中的控制语句，完成函数功能吧。提示:再想一想，两个整数比较有三种情况，大于，等于或小于，所以我们需要控制语句判... 阅读全文

posted @ 2016-06-14 09:55 攻城狮-云上阅读(1596) 评论(0) 推荐(0) 编辑

JS函数返回值的函数 return sum;或者result = add2(3,4);

摘要：返回值的函数思考:上一节函数中，通过"document.write"把结果输出来，如果想对函数的结果进行处理怎么办呢？我们只要把"document.write(sum)"这行改成如下代码： function add2(x,y){ sum = x + y; return ... 阅读全文

posted @ 2016-06-14 09:35 攻城狮-云上阅读(36616) 评论(0) 推荐(0) 编辑

JS函数有参数的函数参数可以多个，根据需要增减参数个数。参数之间用(逗号，）隔开

摘要：有参数的函数上节中add2()函数不能实现任意指定两数相加。其实，定义函数还可以如下格式： function 函数名(参数1,参数2){ 函数代码} 注意:参数可以多个，根据需要增减参数个数。参数之间用(逗号，）隔开。按照这个格式，函数实现任意两个数的和应该写成： ... 阅读全文

posted @ 2016-06-14 09:15 攻城狮-云上阅读(4670) 评论(0) 推荐(0) 编辑

JS函数函数调用函数定义好后，是不能自动执行的，需要调用它,直接在需要的位置写函数名。

摘要：函数调用函数定义好后，是不能自动执行的，需要调用它,直接在需要的位置写函数名。第一种情况:在第二种情况:在HTML文件中调用，如通过点击按钮后调用定义好的函数。 //按钮,onclick点击事件，直接写函数名注意:鼠标事件会在后面讲解。任务补充右边... 阅读全文

posted @ 2016-06-14 09:06 攻城狮-云上阅读(1805) 评论(0) 推荐(0) 编辑

JS函数

摘要：定义函数如何定义一个函数呢？看看下面的格式： function 函数名( ){ 函数体;} function定义函数的关键字，“函数名”你为函数取的名字，“函数体”替换为完成特定功能的代码。我们完成对两个数求和并显示结果的功能。并给函数起个有意义的名字：“add2... 阅读全文

posted @ 2016-06-14 08:59 攻城狮-云上阅读(139) 评论(0) 推荐(0) 编辑

JS函数函数的作用，可以写一次代码，然后反复地重用这个代码。

摘要：什么是函数函数的作用，可以写一次代码，然后反复地重用这个代码。如:我们要完成多组数和的功能。 var sum; sum = 3+2;alert(sum);sum=7+8 ;alert(sum); .... //不停重复两行代码如果要实现8组数的和，就需要16行代码，实... 阅读全文

posted @ 2016-06-14 08:55 攻城狮-云上阅读(298) 评论(0) 推荐(0) 编辑

7款外观迷人的HTML5/CSS3 3D特效按钮特效

摘要：下面我整理了7款外观都十分迷人的HTML5/CSS3 3D按钮特效，有几个还挺实用的，分享给大家。 1、CSS3超酷3D弹性按钮按钮实现非常简单之前我们分享过几款不错的CSS3 3D立体按钮，比如5组可爱CSS3按钮、CSS3灰色按钮菜单超具3D立体感等。今天我又要向大家分享一款... 阅读全文

posted @ 2016-06-13 09:16 攻城狮-云上阅读(446) 评论(0) 推荐(0) 编辑

JS完美运动框架【利用了Json】

摘要：完美运动框架我是什么颜色 move.js function getStyle(obj, attr){ if(obj.currentStyle) { return obj.currentStyle[attr]; } else { return getComputedStyle(ob... 阅读全文

posted @ 2016-06-13 09:15 攻城狮-云上阅读(178) 评论(0) 推荐(0) 编辑

JS控制语句编程练习学生数据，分别是姓名、性别、年龄和年级，接下来呢，我们要利用JavaScript的知识挑出其中所有是大一的女生的的名字哦。

摘要：编程练习在一个大学的编程选修课班里，我们得到了一组参加该班级的学生数据，分别是姓名、性别、年龄和年级，接下来呢，我们要利用JavaScript的知识挑出其中所有是大一的女生的的名字哦。学生信息如下： ('小A','女',21,'大一'), ('小B','男',23... 阅读全文

posted @ 2016-06-13 09:15 攻城狮-云上阅读(1844) 评论(0) 推荐(0) 编辑

JS流程控制语句继续循环continue continue的作用是仅仅跳过本次循环，而整个循环体继续执行。

摘要：继续循环continue continue的作用是仅仅跳过本次循环，而整个循环体继续执行。语句结构： for(初始条件;判断条件;循环后条件值更新){ if(特殊情况) { continue; } 循环代码} 上面的循环中，当特殊情况发生的时候，本次循环将被跳过，而后续的... 阅读全文

posted @ 2016-06-13 09:15 攻城狮-云上阅读(2961) 评论(0) 推荐(0) 编辑

JS流程控制语句退出循环break 在while、for、do...while、while循环中使用break语句退出当前循环，直接执行后面的代码。

摘要：退出循环break 在while、for、do...while、while循环中使用break语句退出当前循环，直接执行后面的代码。格式如下： for(初始条件;判断条件;循环后条件值更新){ if(特殊情况) {break;} 循环代码} 当遇到特殊情况的时候，循环就... 阅读全文

posted @ 2016-06-13 09:14 攻城狮-云上阅读(5240) 评论(0) 推荐(0) 编辑

JS流程控制语句来来回回(Do...while循环) 先执行后判断 do while结构的基本原理和while结构是基本相同的，但是它保证循环体至少被执行一次。

摘要：来来回回(Do...while循环) do while结构的基本原理和while结构是基本相同的，但是它保证循环体至少被执行一次。因为它是先执行代码，后判断条件，如果条件为真，继续循环。 do...while语句结构： do{ 循环语句 }while(判断条件) 我们试着输出5个... 阅读全文

posted @ 2016-06-13 09:14 攻城狮-云上阅读(403) 评论(0) 推荐(0) 编辑

JS流程控制语句反反复复(while循环) 和for循环有相同功能的还有while循环, while循环重复执行一段代码，直到某个条件不再满足。

摘要：反反复复(while循环) 和for循环有相同功能的还有while循环, while循环重复执行一段代码，直到某个条件不再满足。 while语句结构： while(判断条件){ 循环语句 } 使用while循环，完成从盒子里取球的动作，每次取一个，共6个球。 ... 阅读全文

posted @ 2016-06-13 09:13 攻城狮-云上阅读(858) 评论(0) 推荐(0) 编辑

JS流程控制语句重复重复（for循环）语句结构： for(初始化变量;循环条件;循环迭代) { 循环语句 }

摘要：重复重复（for循环）很多事情不只是做一次，要重复做。如打印10份试卷，每次打印一份，重复这个动作，直到打印完成。这些事情，我们使用循环语句来完成，循环语句，就是重复执行一段代码。 for语句结构： for(初始化变量;循环条件;循环迭代){ 循环语句 } ... 阅读全文

posted @ 2016-06-13 09:13 攻城狮-云上阅读(987) 评论(0) 推荐(0) 编辑

JS流程控制语句多种选择（Switch语句) 当有很多种选项的时候，switch比if else使用更方便。

摘要：多种选择（Switch语句) 当有很多种选项的时候，switch比if else使用更方便。语法: switch(表达式){case值1: 执行代码块 1 break;case值2: 执行代码块 2 break;...case值n: 执行代码块 n break;def... 阅读全文

posted @ 2016-06-13 09:12 攻城狮-云上阅读(6748) 评论(0) 推荐(0) 编辑

JS流程控制语句多重判断满足你各种需求要在多组语句中选择一组来执行，使用if..else嵌套语句。

摘要：多重判断（if..else嵌套语句）要在多组语句中选择一组来执行，使用if..else嵌套语句。语法: if(条件1){ 条件1成立时执行的代码}else if(条件2){ 条件2成立时执行的代码}...else if(条件n){ 条件n成立时执行的代码}else{ 条件1... 阅读全文

posted @ 2016-06-13 09:12 攻城狮-云上阅读(288) 评论(0) 推荐(0) 编辑

JS流程控制语句二选一（if...else语句) 语法: if(条件) { 条件成立时执行的代码} else {条件不成立时执行的代码}

摘要：二选一（if...else语句） if...else语句是在指定的条件成立时执行代码，在条件不成立时执行else后的代码。语法: if(条件){ 条件成立时执行的代码}else{条件不成立时执行的代码} 假设你应聘web前端技术开发岗位，如果你会HTML技术，你面试成功，欢... 阅读全文

posted @ 2016-06-13 09:11 攻城狮-云上阅读(433) 评论(0) 推荐(0) 编辑

JS流程控制语句做判断（if语句）if语句是基于条件成立才执行相应代码时使用的语句。语法：if(条件) { 条件成立时执行代码}

摘要：做判断（if语句） if语句是基于条件成立才执行相应代码时使用的语句。语法: if(条件){ 条件成立时执行代码} 注意：if小写，大写字母（IF）会出错！假设你应聘web前端技术开发岗位，如果你会HTML技术，你面试成功，欢迎加入公司。代码表示如下: 任务 ... 阅读全文

posted @ 2016-06-13 09:11 攻城狮-云上阅读(494) 评论(0) 推荐(0) 编辑

JS数组编程练习使用Javascript语言，把以下数组在页面显示如下图所示的图案

摘要：编程练习使用Javascript语言，把以下数组 var arr = ['*','##',"***","&&","****","##*"]; arr[7] = "**"; 在页面显示如下图所示的图案： * ** *** **** 任务第一... 阅读全文

posted @ 2016-06-12 13:09 攻城狮-云上阅读(1168) 评论(0) 推荐(0) 编辑

JS数组二维数组二维数组的表示方法一： myarray[ ][ ]；方法二：var Myarr = [[0 , 1 , 2 ],[1 , 2 , 3, ]]

摘要：二维数组一维数组，我们看成一组盒子，每个盒子只能放一个内容。一维数组的表示: myarray[ ] 二维数组，我们看成一组盒子，不过每个盒子里还可以放多个盒子。二维数组的表示: myarray[ ][ ] 注意: 二维数组的两个维度的索引值也是从0开始，两个维度的最后一个索引... 阅读全文

posted @ 2016-06-12 12:55 攻城狮-云上阅读(1519) 评论(0) 推荐(0) 编辑

JS数组了解成员数量(数组属性length) myarr.length

摘要：了解成员数量(数组属性length) 如果我们想知道数组的大小，只需引用数组的一个属性length。Length属性表示数组的长度，即数组中元素的个数。语法： myarray.length; //获得数组myarray的长度注意：因为数组的索引总是由0开始，所以一个数组的上下限... 阅读全文

posted @ 2016-06-12 11:52 攻城狮-云上阅读(8043) 评论(0) 推荐(0) 编辑

JS数组呼叫团里成员(使用数组元素) myarray[0]

摘要：呼叫团里成员(使用数组元素) 我们知道数组中的每个值有一个索引号，从0开始，如下图， myarray变量存储6个人的成绩：要得到一个数组元素的值，只需引用数组变量并提供一个索引，如：第一个人的成绩表示方法：myarray[0] 第三个人的成绩表示方法: myarray[2] ... 阅读全文

posted @ 2016-06-12 11:32 攻城狮-云上阅读(255) 评论(0) 推荐(0) 编辑

JS数组团里添加新成员（向数组增加一个新元素）只需使用下一个未用的索引，任何时刻可以不断向数组增加新元素。myarray[5]=88;

摘要：团里添加新成员（向数组增加一个新元素）上一节中，我们使用myarray变量存储了5个人的成绩，现在多出一个人的成绩，如何存储呢？只需使用下一个未用的索引，任何时刻可以不断向数组增加新元素。 myarray[5]=88; //使用一个新索引，为数组增加一个新元素任务 ... 阅读全文

posted @ 2016-06-12 11:29 攻城狮-云上阅读(306) 评论(0) 推荐(0) 编辑

JS数组谁是团里成员（数组赋值）var myarray = new Array(66,80,90,77,59);//创建数组同时赋值

摘要：谁是团里成员（数组赋值）数组创建好，接下来我们为数组赋值。我们把数组看似旅游团的大巴车，大巴车里有很多位置，每个位置都有一个号码，顾客要坐在哪个位置呢？第一步：组个大巴车第二步：按票对号入座大巴车的1号座位是张三大巴车的2号座位是李四数组的表达... 阅读全文

posted @ 2016-06-12 11:22 攻城狮-云上阅读(366) 评论(0) 推荐(0) 编辑

JS数组组团（如何创建数组）var mychar = new Array( )

摘要：组团，并给团取个名（如何创建数组）使用数组之前首先要创建，而且需要把数组本身赋至一个变量。好比我们出游，要组团，并给团定个名字“云南之旅”。创建数组语法： var myarray=new Array(); 我们创建数组的同时，还可以为数组指定长度，长度... 阅读全文

posted @ 2016-06-12 11:15 攻城狮-云上阅读(277) 评论(0) 推荐(0) 编辑

JS数组一起组团（什么是数组）一个数组变量可以存放多个数据

摘要：一起组团（什么是数组）我们知道变量用来存储数据，一个变量只能存储一个内容。假设你想存储10个人的姓名或者存储20个人的数学成绩，就需要10个或20个变量来存储，如果需要存储更多数据，那就会变的更麻烦。我们用数组解决问题，一个数组变量可以存放多个数据。好比一个团，团里有很多人，如下我们... 阅读全文

posted @ 2016-06-12 11:10 攻城狮-云上阅读(1511) 评论(0) 推荐(0) 编辑

JS规则编程练习考考大家的数学，计算以下计算公式的结果。然后在浏览器中运行一下，看看结果是否跟你的结果一致。

摘要：编程练习考考大家的数学，计算以下计算公式的结果。然后在浏览器中运行一下，看看结果是否跟你的结果一致。任务第一步：在？处填写你的答案。第二步：填写完成后，运行一下，看看是不是跟你填写的结果一致。第三步：如果你有不一致的地方，思考一下为什么跟你的不一致... 阅读全文

posted @ 2016-06-12 10:48 攻城狮-云上阅读(374) 评论(0) 推荐(0) 编辑

JS规则保持先后顺序(操作符优先级）操作符之间的优先级（高到低）: 算术操作符 → 比较操作符 → 逻辑操作符 → "="赋值符号

摘要：保持先后顺序(操作符优先级）我们都知道，除法、乘法等操作符的优先级比加法和减法高，例如： var numa=3;var numb=6jq= numa + 30 / 2 - numb * 3; // 结果为0 如果我们要改变运算顺序，需添加括号的方法来改变优先级: var n... 阅读全文

posted @ 2016-06-12 10:22 攻城狮-云上阅读(615) 评论(0) 推荐(0) 编辑

JS规则是非颠倒(逻辑非操作符）"!"是逻辑非操作符，也就是"不是"的意思,非真即假，非假即真

摘要：是非颠倒(逻辑非操作符） "!"是逻辑非操作符，也就是"不是"的意思,非真即假，非假即真。好比小华今天买了一个杯子，小明说:"杯子是白色的"，小亮说:“杯子是红色的”，小华说："小明说的不是真话，小亮说的不是假话"。猜猜小华买的什么颜色的杯子，答案：红色杯子。逻辑非操作符值表: ... 阅读全文

posted @ 2016-06-12 10:15 攻城狮-云上阅读(319) 评论(0) 推荐(0) 编辑

JS规则我或你都可以 (逻辑或操作符）||逻辑或操作符，相当于生活中的“或者”，当两个条件中有任一个条件满足，“逻辑或”的运算结果就为“真”

摘要：我或你都可以 (逻辑或操作符） "||"逻辑或操作符，相当于生活中的“或者”，当两个条件中有任一个条件满足，“逻辑或”的运算结果就为“真”。例如：本周我们计划出游,可是周一至周五工作,所以周六或者周日哪天去都可以。即两天中只要有一天有空，就可以出游了。 var a=3;var b... 阅读全文

posted @ 2016-06-12 10:10 攻城狮-云上阅读(549) 评论(0) 推荐(0) 编辑

JS规则我与你同在(逻辑与操作符）数学中的“b大于a，b小于c”是“a<b<c”，那么在JavaScript中可以用&&表示

摘要：我与你同在(逻辑与操作符）数学里面的“a>b”，在JavaScript中还表示为a>b；数学中的“b大于a，b小于c”是“aa && b=60 && numb>=60 逻辑与阅读全文

posted @ 2016-06-12 10:03 攻城狮-云上阅读(678) 评论(0) 推荐(0) 编辑

JS规则较量较量(比较操作符) 两个操作数通过比较操作符进行比较，得到值为真（true）和假(false)。【>; <; >=; <=; !=;==】

摘要：较量较量(比较操作符) 我们先来做道数学题，数学考试成绩中，小明考了90分，小红考了95分，问谁考的分数高?答: 因为“95 > 90”，所以小红考试成绩高。其中大于号">" 就是比较操作符，小红考试成绩和小明考试成绩就是操作数，并且是两个操作数。也就是说两个操作数通过比较操作符... 阅读全文

posted @ 2016-06-12 09:57 攻城狮-云上阅读(314) 评论(0) 推荐(0) 编辑

JS规则自加一，自减一 ( ++和- -) 【mynum = mynum + 1;//等同于mynum++;】

摘要：自加一，自减一 ( ++和- -) 算术操作符除了(+、-、*、/)外，还有两个非常常用的操作符，自加一“++”；自减一“--”。首先来看一个例子： mynum = 10;mynum++; //mynum的值变为11mynum--; //mynum的值又变回10 上面的例子中，m... 阅读全文

posted @ 2016-06-12 09:48 攻城狮-云上阅读(401) 评论(0) 推荐(0) 编辑

JS规则我还有其它用途( +号操作符）例如，算术操作符(+、-、*、/等)，比较操作符(<、>、>=、<=等)，逻辑操作符(&&、||、！)

摘要：我还有其它用途( +号操作符）操作符是用于在JavaScript中指定一定动作的符号。（1）操作符看下面这段JavaScript代码。 sum = numa + numb; 其中的"="和"+"都是操作符。 JavaScript中还有很多这样的操作符，例如，算术操作符... 阅读全文

posted @ 2016-06-12 09:43 攻城狮-云上阅读(175) 评论(0) 推荐(0) 编辑

JS规则表达出你的想法(表达式) 通常包括常数和变量 var num2 = num1+6;

摘要：表达出你的想法(表达式) 表达式与数学中的定义相似，表达式是指具有一定的值、用操作符把常数和变量连接起来的代数式。一个表达式可以包含常数或变量。我们先看看下面的JavaScript语句：生活中“再见”表达方法很多，如:英语(goodbye）、网络语（88）、肢体语（挥挥... 阅读全文

posted @ 2016-06-12 09:33 攻城狮-云上阅读(271) 评论(0) 推荐(0) 编辑

JS规则多样化的我(变量赋值）我们使用"="号给变量存储内容,你可以把任何东西存储在变量里，如数值、字符串、布尔值等，

摘要：多样化的我(变量赋值）我们可以把变量看做一个盒子,盒子用来存放物品,那如何在变量中存储内容呢? 我们使用"="号给变量存储内容,看下面的语句: var mynum = 5 ; //声明变量mynum并赋值。这个语句怎么读呢？给变量mynum赋值，值为5。我们也可以这样写:... 阅读全文

posted @ 2016-06-12 09:26 攻城狮-云上阅读(274) 评论(0) 推荐(0) 编辑

JS规则确定你的存在(变量声明) 声明变量语法: var 变量名; 一次声明多个，中间用逗号隔开var num1,mun2 ；

摘要：确定你的存在(变量声明) 我们要使用盒子装东西,是不是先要找到盒子,那在编程中，这个过程叫声明变量,找盒子的动作，如何表示：声明变量语法: var 变量名; var就相当于找盒子的动作，在JavaScript中是关键字（即保留字），这个关键字的作用是声明变量，并为"变量"准... 阅读全文

posted @ 2016-06-12 09:20 攻城狮-云上阅读(520) 评论(0) 推荐(0) 编辑

JS规则给变量取个名字(变量命名) 必须以字母、下划线或美元符号开头；区分大小写；不允许使用JS关键字或保留字

摘要：给变量取个名字(变量命名) 我们为了区分盒子，可以用BOX1,BOX2等名称代表不同盒子，BOX1就是盒子的名字（也就是变量的名字）。我们赶快给变量取个好名字吧!变量名字可以任意取，只不过取名字要遵循一些规则: 1.必须以字母、下划线或美元符号开头，后面可以跟字母、下划线、美元... 阅读全文

posted @ 2016-06-12 09:13 攻城狮-云上阅读(1297) 评论(0) 推荐(0) 编辑

编程挑战，小结改变宽高，颜色，隐藏显示，取消设置添加响应事件

摘要：任务一、定义"改变颜色"的函数提示:obj.style.colorobj.style.backgroundColor 二、定义"改变宽高"的函数提示:obj.style.widthobj.style.height 三、定义"隐藏内容"的函数提示:obj.style.dis... 阅读全文

posted @ 2016-06-11 13:16 攻城狮-云上阅读(239) 评论(0) 推荐(0) 编辑

控制类名（className 属性）设置或返回class属性

摘要：控制类名（className 属性） className 属性设置或返回元素的class 属性。语法： object.className = classname 作用: 1.获取元素的class 属性 2. 为网页内的某个元素指定一个css样式来更改该元素的外观看看下面代... 阅读全文

posted @ 2016-06-11 13:03 攻城狮-云上阅读(732) 评论(0) 推荐(0) 编辑

显示和隐藏（display属性）none或block

摘要：显示和隐藏（display属性）网页中经常会看到显示和隐藏的效果，可通过display属性来设置。语法： Object.style.display = value 注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。 ... 阅读全文

posted @ 2016-06-11 12:44 攻城狮-云上阅读(3413) 评论(0) 推荐(0) 编辑

改变 HTML 样式 Object.style.property=new style;

摘要：改变 HTML 样式 HTML DOM 允许 JavaScript 改变 HTML 元素的样式。如何改变 HTML 元素的样式呢？语法: Object.style.property=new style; 注意:Object是获取的元素对象，如通过document.getEle... 阅读全文

posted @ 2016-06-11 12:38 攻城狮-云上阅读(775) 评论(0) 推荐(0) 编辑

innerHTML 属性用于获取或替换 HTML 元素的内容。

摘要：innerHTML 属性 innerHTML 属性用于获取或替换 HTML 元素的内容。语法: Object.innerHTML 注意: 1.Object是获取的元素对象，如通过document.getElementById("ID")获取的元素。 2.注意书写，inne... 阅读全文

posted @ 2016-06-11 12:17 攻城狮-云上阅读(1769) 评论(0) 推荐(0) 编辑

通过ID获取元素注:获取的元素是一个对象，如想对元素进行操作，我们要通过它的属性或方法。

摘要：通过ID获取元素学过HTML/CSS样式，都知道，网页由标签将信息组织起来，而标签的id属性值是唯一的，就像是每人有一个身份证号一样，只要通过身份证号就可以找到相对应的人。那么在网页中，我们通过id先找到标签，然后进行操作。语法: document.getElementById... 阅读全文

posted @ 2016-06-11 12:05 攻城狮-云上阅读(1352) 评论(0) 推荐(0) 编辑

认识DOM 文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。元素、属性和文本的树结构（节点树）。

摘要：认识DOM 文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。先来看看下面代码: 将HTML代码分解为DOM节点层次图: HTML文档可以说由节点构成的... 阅读全文

posted @ 2016-06-11 11:57 攻城狮-云上阅读(236) 评论(0) 推荐(0) 编辑

小结编程练习制作新按钮，“新窗口打开网站” ，新窗口打开时弹出确认框，是否打开，通过输入对话框，打开的窗口要求，宽400像素，高500像素，无菜单栏、无工具栏。

摘要：任务 1、新窗口打开时弹出确认框，是否打开提示: 使用 if 判断确认框是否点击了确定，如点击弹出输入对话框，否则没有任何操作。 2、通过输入对话框，确定打开的网址，默认为 http：//www.baidu.com/ 3、打开的窗口要求，宽400像素，高500像素，无菜单栏、... 阅读全文

posted @ 2016-06-10 17:22 攻城狮-云上阅读(307) 评论(0) 推荐(0) 编辑

关闭窗口（window.close）

摘要：关闭窗口（window.close） close()关闭窗口用法： window.close(); //关闭本窗口或 .close(); //关闭指定的窗口例如:关闭新建的窗口。注意:上面代码在打开新窗口的同时，关闭该窗口，看不到被打开的窗口。 ... 阅读全文

posted @ 2016-06-10 16:27 攻城狮-云上阅读(547) 评论(0) 推荐(0) 编辑

打开新窗口（window.open） open() 方法可以查找一个已经存在或者新建的浏览器窗口。语法： window.open([URL], [窗口名称], [参数字符串])

摘要：打开新窗口（window.open） open() 方法可以查找一个已经存在或者新建的浏览器窗口。语法： window.open([URL], [窗口名称], [参数字符串]) 参数说明: URL：可选参数，在窗口中要显示网页的网址或路径。如果省略这个参数，或者它的值是空字... 阅读全文

posted @ 2016-06-10 16:14 攻城狮-云上阅读(1515) 评论(0) 推荐(0) 编辑

提问（prompt 消息对话框）用于询问一些需要与用户交互的信息。弹出消息对话框（包含一个确定按钮、取消按钮与一个文本输入框）

摘要：提问（prompt 消息对话框） prompt弹出消息对话框,通常用于询问一些需要与用户交互的信息。弹出消息对话框（包含一个确定按钮、取消按钮与一个文本输入框）。语法: prompt(str1, str2); 参数说明： str1: 要显示在消息对话框中的文本，不可修改st... 阅读全文

posted @ 2016-06-10 15:29 攻城狮-云上阅读(674) 评论(0) 推荐(0) 编辑

确认（confirm 消息对话框）语法：confirm(str); 消息对话框通常用于允许用户做选择的动作，如：“你对吗？”等。弹出对话框(包括一个确定按钮和一个取消按钮)

摘要：确认（confirm 消息对话框） confirm 消息对话框通常用于允许用户做选择的动作，如：“你对吗？”等。弹出对话框(包括一个确定按钮和一个取消按钮)。语法: confirm(str); 参数说明: str：在消息对话框中要显示的文本返回值: Boolean值返回... 阅读全文

posted @ 2016-06-10 13:31 攻城狮-云上阅读(766) 评论(0) 推荐(0) 编辑

警告（alert 消息对话框）如果你不点击“确定”，就不能对网页做任何操作，这个小窗口就是使用alert实现的

摘要：警告（alert 消息对话框）我们在访问网站的时候，有时会突然弹出一个小窗口，上面写着一段提示信息文字。如果你不点击“确定”，就不能对网页做任何操作，这个小窗口就是使用alert实现的。语法: alert(字符串或变量); 看下面的代码: 注:alert弹出消息对话... 阅读全文

posted @ 2016-06-10 13:15 攻城狮-云上阅读(1232) 评论(0) 推荐(0) 编辑

输出内容 document.write() 可用于直接向 HTML 输出流写内容。简单的说就是直接在网页中输出内容

摘要：输出内容（document.write） document.write() 可用于直接向 HTML 输出流写内容。简单的说就是直接在网页中输出内容。第一种:输出内容用“”括起，直接输出""号内的内容。第二种:通过变量，输出内容第三种:输出多项内容，内容之间用+... 阅读全文

posted @ 2016-06-10 13:04 攻城狮-云上阅读(1019) 评论(0) 推荐(0) 编辑

什么是函数函数是完成某个特定功能的一组语句。

摘要：什么是函数函数是完成某个特定功能的一组语句。如没有函数，完成任务可能需要五行、十行、甚至更多的代码。这时我们就可以把完成特定功能的代码块放到一个函数里，直接调用这个函数，就省重复输入大量代码的麻烦。如何定义一个函数呢？基本语法如下: function 函数名(){ 函数... 阅读全文

posted @ 2016-06-10 12:57 攻城狮-云上阅读(412) 评论(0) 推荐(0) 编辑

判断语句（if...else）if...else语句是在指定的条件成立时执行代码，在条件不成立时执行else后的代码

摘要：判断语句（if...else） if...else语句是在指定的条件成立时执行代码，在条件不成立时执行else后的代码。语法: if(条件){ 条件成立时执行的代码 }else{ 条件不成立时执行的代码 } 假设我们通过年龄来判断是否为成年人，如年龄大于等于18岁，是成年人，... 阅读全文

posted @ 2016-06-10 11:00 攻城狮-云上阅读(870) 评论(0) 推荐(0) 编辑

什么是变量？注意变量命名区分大小写

摘要：什么是变量什么是变量? 从字面上看，变量是可变的量；从编程角度讲，变量是用于存储某种/某些数值的存储器。我们可以把变量看做一个盒子，为了区分盒子，可以用BOX1,BOX2等名称代表不同盒子，BOX1就是盒子的名字（也就是变量的名字）。定义变量使用关键字var,语法如下： ... 阅读全文

posted @ 2016-06-10 10:54 攻城狮-云上阅读(1131) 评论(0) 推荐(0) 编辑

注释很重要【单行注释和多行注释】

摘要：注释很重要注释的作用是提高代码的可读性，帮助自己和别人阅读和理解你所编写的JavaScript代码，注释的内容不会在网页中显示。注释可分为单行注释与多行注释两种。我们为了方便阅读，注释内容一般放到需要解释语句的结尾处或周围。单行注释，在注释内容前加符号 “//”。多... 阅读全文

posted @ 2016-06-10 10:50 攻城狮-云上阅读(1122) 评论(0) 推荐(0) 编辑

认识语句和符号,良好编程习惯加分号

摘要：认识语句和符号 JavaScript语句是发给浏览器的命令。这些命令的作用是告诉浏览器要做的事情。每一句JavaScript代码格式: 语句; 先来看看下面代码例子中的alert("hello!");就是一个JavaScript语句。一行的结束就被认定为语句的结束，通... 阅读全文

posted @ 2016-06-10 10:46 攻城狮-云上阅读(296) 评论(0) 推荐(0) 编辑

找到你的位置（JS在页面中的位置）最常用的方式是在页面中head部分放置<script>元素，浏览器解析head部分就会执行这个代码，然后才解析页面的其余部分

摘要：找到你的位置（JS在页面中的位置）我们可以将JavaScript代码放在html文件中任何位置，但是我们一般放在网页的head或者body部分。放在部分最常用的方式是在页面中head部分放置阅读全文

posted @ 2016-06-10 10:40 攻城狮-云上阅读(429) 评论(0) 推荐(0) 编辑

我也可以独立（引用JS外部文件）

摘要：我也可以独立（引用JS外部文件）通过前面知识学习，我们知道使用任务注意：在右边编辑器中有html文件和script.js文件 1.index.html文件中的第6行使用代码引用script.js文件。 2.现在在script.js文件中写入docume... 阅读全文

posted @ 2016-06-10 10:20 攻城狮-云上阅读(676) 评论(0) 推荐(0) 编辑

使用<script>标签在HTML网页中插入JavaScript代码

摘要：新朋友你在哪里（如何插入JS）我们来看看如何写入JS代码？你只需一步操作,使用之间。之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属于JavaScript语言。任务添加插入js代码 ... 阅读全文

posted @ 2016-06-10 10:16 攻城狮-云上阅读(1790) 评论(0) 推荐(0) 编辑

为什么学习JavaScript

摘要：为什么学习JavaScript 一、你知道，为什么JavaScript非常值得我们学习吗？ 1. 所有主流浏览器都支持JavaScript。 2. 目前，全世界大部分网页都使用JavaScript。 3. 它可以让网页呈现各种动态效果。 4. 做为一个Web开发师，如果你想提供漂亮的网页、... 阅读全文

posted @ 2016-06-10 08:53 攻城狮-云上阅读(180) 评论(0) 推荐(0) 编辑

ionic js ion-tabs选项卡栏操作

摘要：ionic 选项卡栏操作 ion-tabs ion-tabs 是有一组页面选项卡组成的选项卡栏。可以通过点击选项来切换页面。对于 iOS，它会出现在屏幕的底部，Android会出现在屏幕的顶部(导航栏下面)。用法尝试一下 »... 阅读全文

posted @ 2016-06-09 20:23 攻城狮-云上阅读(658) 评论(0) 推荐(0) 编辑

ionic js 加载动画 ionSpinner 提供了许多种旋转加载的动画图标。当你的界面加载时，你就可以呈现给用户相应的加载图标。该图标采用的是SVG

摘要：ionic 加载动画 ion-spinner ionSpinner 提供了许多种旋转加载的动画图标。当你的界面加载时，你就可以呈现给用户相应的加载图标。该图标采用的是SVG。用法 //默认用法像大部分其他的ionic组件一样，spinner也可以使用ionic的标准颜... 阅读全文

posted @ 2016-06-09 19:59 攻城狮-云上阅读(258) 评论(0) 推荐(0) 编辑

ionic js 滑动框ion-slide-box 滑动框是一个包含多页容器的组件，每页滑动或拖动切换

摘要：ionic 滑动框 ion-slide-box 滑动框是一个包含多页容器的组件，每页滑动或拖动切换：效果图如下：用法 BLUE YELLOW PINK API 属性类型详情 delegate-handle ... 阅读全文

posted @ 2016-06-09 17:08 攻城狮-云上阅读(550) 评论(0) 推荐(0) 编辑

ionic js 侧栏菜单把主要内容区域从一边拖动到另一边，来让左侧或右侧的侧栏菜单进行切换

摘要：ionic 侧栏菜单一个容器元素包含侧边菜单和主要内容。通过把主要内容区域从一边拖动到另一边，来让左侧或右侧的侧栏菜单进行切换。效果图如下所示：用法要使用侧栏菜单，添加一个父元素，一个中间内容，和一个或更多指令。 function ... 阅读全文

posted @ 2016-06-09 15:56 攻城狮-云上阅读(450) 评论(0) 推荐(0) 编辑

ionic 滚动条 ion-scroll 用于创建一个可滚动的容器

摘要：ionic 滚动条 ion-scroll ion-scroll 用于创建一个可滚动的容器。用法 ... API 属性类型详情 delegate-handle (可选) 字符串该句柄利用$ionicScrollDelegate指定滚动视图。 ... 阅读全文

posted @ 2016-06-09 15:35 攻城狮-云上阅读(789) 评论(0) 推荐(0) 编辑

攻城狮-云上

06 2016 档案

公告