09 2016 档案

9月27日Bootstrap
摘要：Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。Bootstrap 的响应式 CSS 能够自适应于台式机、平板电脑和手机。使用bootstrap框架时，切记不能改变cl 阅读全文
posted @ 2016-09-28 08:22 飘逸De精灵 阅读(271) 评论(0) 推荐(0)
9月26日JavaScript表单验证、正则表达
摘要：一、非空验证 trim：去空格（去掉前后的空格），任何字符串都可以用这个方法。写法为：if(v.trim().length==0)，表示如果去掉空格后的字符串的长度为0。 二、对比验证 三、范围验证 四、固定格式验证（正则验证） 固定格式验证是指对输入的内容是否符合格式要求的验证，写法为if(v.m 阅读全文
posted @ 2016-09-26 14:55 飘逸De精灵 阅读(222) 评论(0) 推荐(0)
哈佛大学官网图标下拉变小代码
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.or 阅读全文
posted @ 2016-09-25 10:57 飘逸De精灵 阅读(396) 评论(0) 推荐(0)
9月25作业解析---好友选中
摘要：<style type="text/css">*{ margin:0px auto; padding:0px; font-family:微软雅黑; font-size:16px;} .f{ width:200px; height:30px; color:white; text-align:cente 阅读全文
posted @ 2016-09-25 10:55 飘逸De精灵 阅读(131) 评论(0) 推荐(0)
9月25作业解析---点击显示下拉子菜单
摘要：<style type="text/css">*{ margin:0px auto; padding:0px; font-family:微软雅黑; font-size:14px;}.zhu{ width:200px; height:30px; text-align:center; line-heig 阅读全文
posted @ 2016-09-25 10:49 飘逸De精灵 阅读(147) 评论(0) 推荐(0)
9月23日JavaScript作业----子菜单下拉
摘要：例题一、子菜单下拉 阅读全文
posted @ 2016-09-23 11:42 飘逸De精灵 阅读(287) 评论(0) 推荐(0)
9月23日JavaScript作业----用DIV做下拉列表
摘要：例题二、用div做下拉列表 阅读全文
posted @ 2016-09-23 11:40 飘逸De精灵 阅读(243) 评论(0) 推荐(0)
9月23日JavaScript作业----日期时间选择
摘要：作业二：日期时间选择 阅读全文
posted @ 2016-09-23 11:38 飘逸De精灵 阅读(297) 评论(0) 推荐(0)
9月23日JavaScript作业----两个列表之间移动数据
摘要：作业一：两个列表之间数据从一个列表移动到另一个列表 阅读全文
posted @ 2016-09-23 11:37 飘逸De精灵 阅读(250) 评论(0) 推荐(0)
9月22日下午JavaScript----Document对象
摘要：document对象 一、找元素 1.根据id找 示例： 输出的结果是[objectHTMLDivElement]，意思是找到了HTML里面的div。根据id找到的是唯一一个元素。 2.根据class找 示例： 输出的结果是[objectHTMLDivCollection]。Elements后面多了 阅读全文
posted @ 2016-09-23 10:50 飘逸De精灵 阅读(257) 评论(0) 推荐(0)
9月22日上午JavaScript----window对象
摘要：window对象 window属性： opener:打开当前窗口的源窗口，如果这个窗口是由别的网页点击链接跳转过来的，或者是从另外一个页面点击打开窗口打开的，opener就是找到源页面的。如果当前窗口是首次启动浏览器打开的，则运行alert(window.opener);弹出窗口就会出现null，表 阅读全文
posted @ 2016-09-22 11:05 飘逸De精灵 阅读(216) 评论(0) 推荐(0)
9月20日下午JavaScript函数--递归
摘要：例题1：公园里有200个桃子，猴子每天吃掉一半以后扔掉一个，问6天以后还剩余多少桃子？ 例题2：公园里有一些桃子子，猴子每天吃掉一半以后扔掉一个，第6天的时候发现还剩下1个桃子，问开始有几个桃子？ 使用函数解决例题2 函数功能：给一个天数，返回该天数的桃子的数量。最主要的是下一天的桃子数量怎么求，函 阅读全文
posted @ 2016-09-21 23:30 飘逸De精灵 阅读(157) 评论(0) 推荐(0)
9月20日上午JavaScript函数
摘要：函数 一、 函数定义 函数又叫方法，在程序里面函数是用来执行某些特定功能的代码。为了减少重复使用代码，可以把特定功能的代码做成函数，需要使用时拿出来调用。alert（）;就是一个很常见的、简单的函数，重复使用时不需要再写代码了，只是把函数名拿过来用就可以。函数后面都带（），不带（）的一般都是属性。函 阅读全文
posted @ 2016-09-20 14:50 飘逸De精灵 阅读(194) 评论(0) 推荐(0)
9月19日下午JavaScript数组冒泡排列和二分法
摘要：数组 一、冒泡排列 对数组attr = [1,8,6,4,5,3,7,2,9]进行由大到小排列，用冒泡排列的方法排列时，会对数组进行比较互换。如果前一个数字较大，这2个元素排列方式不变，如果后一个元素较大，则这2个元素互换位置。对比互换方式如下： 第一次 [8,6,4,5,3,7,2,9,1] 第二 阅读全文
posted @ 2016-09-19 17:04 飘逸De精灵 阅读(171) 评论(0) 推荐(0)
9月19日上午JavaScript数组
摘要：数组 一、定义 1.数组的文字定义 广义上说，数组是相同类型数据的集合。但是对于强类型语言和弱类型语言来说其特点是不一样的。强类型语言数组和集合有以下特点。 数组强类型语言：1.数组里面只能存放相同数据类型的数； 2.定义数组的时候需要制定一个长度（可以存放的元素数量）；3.内存空间是连续的； 集合 阅读全文
posted @ 2016-09-19 14:13 飘逸De精灵 阅读(196) 评论(0) 推荐(0)
9月6日表格标签（table、行、列、表头）（补）
摘要：一、<table> <table>代表表格标签。 <table></table> 1.width 表示表格宽度，宽度表达方式有像素和百分比两种。网页设计时如果按照像素来设计网页宽度，当网页窗口缩小时，网页大小不会随着窗口的缩小而变化，而会出现上下和左右拉伸条，以观看网站的全部内容。网站设计时如果按照 阅读全文
posted @ 2016-09-18 16:42 飘逸De精灵 阅读(300) 评论(0) 推荐(0)
9月5日网页基础知识 通用标签、属性（body属性、路径、格式控制） 通用标签（有序列表、无序列表、常用标签）（补）
摘要：网页基础知识 一、HTML语言 HTML语言翻译汉语为超文本标记语言。 二、网页的分类 1.静态页面：在静态页面中修改网页内容实际上就是修改网页原代码，不能从后台操作，数据来只能来源于原于代码。静态网页的后缀有.html .htm。 2.动态页面：动态页面可以从后台更改改，数据来源于数据库，后台更改 阅读全文
posted @ 2016-09-18 16:37 飘逸De精灵 阅读(405) 评论(0) 推荐(0)
9月18日网页测试解析
摘要：一、布局出下列图片中的效果 方法1：先做一个图片显示的颜色的矩形，再用两个旋转的白色的矩形把两边覆盖。 方法2：做一个0*0的<div>，设置四个边界的，上边界设置为border-top:100px solid #00F，其它三个边界设置为border-right:100px solid white 阅读全文
posted @ 2016-09-18 16:20 飘逸De精灵 阅读(314) 评论(0) 推荐(0)
9月14日JavaScript循环语句作业解析
摘要：1.一张纸的厚度是0.0001米，将纸对折，对折多少次厚度超过珠峰高度8848米 解法一： 解法二： 解法三： 2.有一对幼兔，幼兔1个月后长成小兔，小兔1个月后长成成兔并生下一对幼兔，问几年后有多少对兔子，幼兔、小兔、成兔对数分别是多少。var n=prompt("请输入经过了几个月："); 3. 阅读全文
posted @ 2016-09-18 15:00 飘逸De精灵 阅读(260) 评论(0) 推荐(0)
HTML5学习预览
摘要：HTML5中，新增了很多input元素的类型 email email类型用于应该包含 e-mail 地址的输入域。 url url 类型用于应该包含 URL 地址的输入域。 number number 类型用于应该包含数值的输入域 range range 类型用于应该包含一定范围内数字值的输入域。 阅读全文
posted @ 2016-09-17 14:36 飘逸De精灵 阅读(182) 评论(0) 推荐(0)
9月13日JavaScript语句循环（100以备奇偶数、100以内与7先关的数、100以内整数的和、10以内阶乘、乘法口诀、篮球弹起高度、64格子放东西）
摘要：3.循环 循环是操作某一个功能（执行某段代码）。 ①循环四要素： a 循环初始值 b 循环的条件 c 循环状态 d 循环体 ②for循环 a 穷举：把所有的可能性的都一一列出来。 b 迭代：每次循环都会把原来的数拿到循环里面用。 这是一个最简单的for循环，循环体运行的步骤是：i=0--i<10-- 阅读全文
posted @ 2016-09-13 16:14 飘逸De精灵 阅读(1388) 评论(0) 推荐(1)
9月12日JavaScript脚本语言
摘要：JS脚本语言 JS脚本语言全称JavaScript，是网页里面使用的脚本语言，也是一门非常强大的语言。 一、基础语法 1.注释语法 单行注释：// 多行注释：/**/ 2.输出语法 ①alert(信息);效果是弹出信息 ②confirm(信息);效果是弹出一个和用户交互的对话框 ③prompt(信息 阅读全文
posted @ 2016-09-12 16:32 飘逸De精灵 阅读(190) 评论(0) 推荐(0)
9月11日上午HTML有序列表、无序列表、网页的格式和布局
摘要：样式表 六、列表方块 1.有序列表变无序列表 网页上显示为1. 张店 2. 桓台 3. 淄川 （竖向显示） 网页上显示 张店 桓台 淄川 list-style:none将列表前面的序号去掉，成为了无序列表。 <ol style="list-style:inside"> 列表前面的序号和列表内容在一起 阅读全文
posted @ 2016-09-12 09:52 飘逸De精灵 阅读(349) 评论(0) 推荐(0)
9月9日下午HTML样式表（宽度和高度、背景字体、对齐方式边界与边框）
摘要：样式表 一、大小 1.width 宽度 2.height 高度 样式和属性不同，数字后面要加上单位px或者%。 二、背景 1.背景色：background-color 2.背景图：background-image 3. 背景图平铺方式：background-repeat 表示不平铺。 5.背景图是否 阅读全文
posted @ 2016-09-09 19:42 飘逸De精灵 阅读(403) 评论(0) 推荐(0)
9月9日HTML上午表单元素2（框架、样式表）
摘要：五、框架 1.frameset是双标签框架集，如果使用框架集，当前页面不能有body。 frameset属性：①cols代表左右拆分。cols=“300，*”表示左边框架宽300，右边宽剩余的宽度。*代表剩余。 ②rows代表上下拆分。rows=“300，*”表示上边框架高300，下边框架高剩余的高 阅读全文
posted @ 2016-09-09 11:15 飘逸De精灵 阅读(213) 评论(0) 推荐(0)
9月8日HTML表单元素（form、文本、按钮、选择）
摘要：表单元素 一、form form代表表单，功能：用于申明表单，定义采集数据的范围，也就是<form>和</form>里面包含的数据将被提交到服务器或者电子邮件里。<form> 标签用于为用户输入创建 HTML 表单。表单能够包含input元素，比如文本字段、复选框、单选框、提交按钮等等。表单还可以包 阅读全文
posted @ 2016-09-08 16:41 飘逸De精灵 阅读(323) 评论(0) 推荐(0)