自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(29)
  • 收藏
  • 关注

原创 关于innerHTML

innerHTML在JS是双向功能:获取对象的内容 或 向对象插入内容;如:这是内容 ,我们可以通过 document.getElementById('aa').innerHTML 来获取id为aa的对象的内嵌内容;也可以对某对象插入内容,如 document.getElementById('abc').innerHTML='这是被插入的内容'; 这样就能向id为abc的对象插

2016-11-20 19:02:54 443

原创 注册界面(函数,数组,对象)

用户注册#middle div{ width: 600px;margin: 15px auto;}#middle div label {display: inline-block;width: 80px;text-align: right;padding-right: 10px;}#middle div input[type=text], #middle div

2016-11-20 18:58:20 293

原创 课程表(for和switch的应用)

BMItable {width: 700px; border-collapse: collapse;margin:50px auto;}td {border:1px solid #ccc;height:60px;width: 14.2%;}.invalid {background-color: #999;}11.1

2016-11-20 18:56:41 345

原创 练习(猜拳)

猜拳var isRight = false;var errCount = 0;var count = 0;// break 表示跳出整个循环 // continue 表示跳出本次循环,进入下一次循环while (!isRight) {var player = Number(prompt("请出拳:剪刀-4 石头-7 布-10"))

2016-11-20 18:54:25 505

原创 关于函数返回值

// 这个函数设计的初衷只是想获取任意两个数的加法结果function add1(x,y){// var result = x + y;// return result;return x+y;}var r = add1(10,20);// 这个函数设计的初衷只是想打印任意两个数的加法结果function add2(x,y){console.log(x+y

2016-11-19 08:39:33 285

原创 变量作用域

// 1.全局和局部作用域// 在最外层 定义的变量是全局变量,可以在任何地方访问,它们的内存随着程序的 结束 而 释放var globalVar = 10;function add(){// r1 定义在在add 内部,所以是个局部变量,它的作用范围限定在 add函数内部var r1 = 100;console.log(globalVar);console.l

2016-11-19 08:37:00 195

原创 关于参数

关于参数// x y 是形参,是函数定义时来使用的function add(x,y) {// arguments 是系统提供的默认参数列表 ,只能在函数内部访问,不需要自己定义或实现,直接使用,是一个类数组的对象,可以使用下标和遍历的方式访问到所有的参数for (var i = 0; i console.log("第"+i+"个参数:"+arguments[i]);

2016-11-19 08:33:06 238

原创 认识函数

认识函数:// 函数是为了打包一个整体功能(一堆代码、一个计算的过程、一个事件)// function 关键词,表示要定义个函数 oneDay是函数名字,自己定义的,命名规范跟变量相同,圆括号里的st是参数,名字也是自定义的,命名规范跟变量相同,后面的 花括号 表示 函数体,函数表示的功能代码一定要写在 花括号 内;最后一句return 表示返回值,代表 该功能执行的结果,

2016-11-19 08:29:18 242

原创 基础知识(字符串,数组,对象)

20161117重点:基本数据类型( 整数 浮点 布尔 字符串 ... )复杂数据类型( 数组 [item, item2, item3] 对象 {key1:value1,key2:value2})字符串的概念, 长度、查找、截取...1.长度:eg:var name = "小明";name.length2.转换大小写:toLowerCase 变成小写toUppe

2016-11-18 08:34:23 312

原创 多分支:(switch case)

本节重点:       1.语法:switch里的条件可以是变量或者一个表达式2.每个case的值可以是数值也可以是字符串3.如果switch里的条件是true,任意的if else都可以转成switch case,能提高效率4.小心使用穿透本节详解:1,switch里面的条件:(小心使用穿透,➕break)当switch里的条件明确 是 true的时候

2016-11-17 08:50:11 437

原创 字符转换(随笔)

10

2016-11-16 21:31:45 209

原创 简单计算

字体// 获取到所有的按钮var add = document.getElementById("add");var minus = document.getElementById("minus");var multip = document.getElementById("multip");va

2016-11-16 21:29:14 279

原创 基本运算符表达式

字体// 0. = 表示赋值运算,把等号右边的结果赋值给左边,右边是一个表达式,但是左边永远只能是 一个变量 // 1.常规的数学运算:算术运算符// + - * / var r = 10 / 3;// % 取余数var r1 = 10 % 3;var a = 10;

2016-11-16 21:16:49 289

原创 基本数据类型

字体1.// 这里的a是一个整数,整形var a = 10,f = 1.111,str="xxxxfwaefaw";2.// 小数,浮点型var b = 3.14;console.log(b);3.// 字符串var say = "hello";4.// 布尔值 true/false

2016-11-16 21:15:15 172

原创 循环语句(while)

循环语句 while三要素仍然不可少,但是 起始条件和变化条件 如何在循环中生效理解 break 和 continuevar count = 0;// ;;;;;;;// .......// .....function click() {// body...while (count console.log(

2016-11-16 21:00:22 757

原创 循环语句(for)

循环语句 for三要素:起始条件 终止条件 变化条件理解双层循环对于二维的意义1.for (开始条件;终止条件;变化条件)2.两层的for循环意味着 二维 的概念,它循环次数是外层 * 内层的次数,可以用来制作 表格,注意 循环的效率都很低,所以不要做次数过多的循环for (var day = 1; day for (var hour = 1

2016-11-16 20:52:47 278

原创 分支语句(switch case)。。

分支语句 switch case本节重点:       1.语法:switch里的条件可以是变量或者一个表达式2.每个case的值可以是数值也可以是字符串3.如果switch里的条件是true,任意的if else都可以转成switch case,能提高效率4.小心使用穿透本节详解:1,switch里面的条件:(小心使用穿透,➕break)当switch里的

2016-11-16 20:22:48 464

原创 分支语句(if else)。

分支语句(if else)1.if语句可以嵌套,用来表示递进的条件判断2.if + else if + else 表示多重的选择(多选一),条件是并列的当有多级if else if的时候 最后的else往往代表着特殊情况,请尽量处理好里面的逻辑,不要直接省略,这种情况叫  “悬空的if else”// if (isBeauty) {// console.log(

2016-11-16 20:20:07 724

原创 语句分类。。

20161115重点:1.程序流的概念2.程序流控制的概念分支语句 if else语法:if里的条件是个表达式,最终判断的是 这个 式子 的 值是真还是假多分支多重嵌套避免if + else if + else 时的 悬空分支语句 switch case语法:switch里的条件可以是变量或者一个表达式每个case的值可以是数值也可以是字符串如果

2016-11-16 20:10:51 262

原创 基本数据类型(JS)

基本数据类型(JS)1.// 这里的a是一个整数,整形var a = 10,f = 1.111,str="xxxxfwaefaw";// 小数,浮点型var b = 3.14;console.log(b);// 字符串var say = "hello";// 布尔值 true/falsevar r = true

2016-11-14 21:44:50 188

原创 认识变量:(JS)

认识变量:(JS)// var 用来定义一个变量,变量的名字 可以是英文字母 数字 或者 _ // 1.开头可以是英文字母 或者 _// 2.数字只能用在中间或者最后// 3.绝对不能出现有特殊含义的其他字符,比如: * + -....// 定义变量之后可以给变量 赋值,用  = 来赋值var a = 10;// 一次可以 定义/声明 多个变量,用逗号隔开,正常

2016-11-14 21:35:27 185

原创 JS的基本输入和输出:

1.2.(1)alert // 这是一个js 的 内置 函数(函数表示一个功能),它用来在网页上个弹出一个 文本框,提示用户一些信息,我们习惯叫他 弹      出框或者警示框// alert("你将要进入一个神奇的js世界!");// alert("你将要进入一个又糟糕的js世界!");    (2)console.log// alert会覆盖整个浏览器的所有页面,体验不

2016-11-14 21:13:40 622

原创 热区,链接,锚点

1.<!-- base 是页面的基准路径,如果页面中的路径有 明确指向 某个目录那它的路径会直接生效,如果是在本及路径下面的相对路径就可以省去这个基准路径 -->2.不管是图片还是 超链接,后面 的路径都是url,再本地使用的是文件系统在文件系统里 凡是不以  / 开始的路径都是相对路径,相对路径都是从当前文件开始找起: ./ 就表示当前目录 ../ 表示上一级目录 xxx直接

2016-11-14 08:35:42 1377

原创 有关background一些基本属性

1. background是背景的综合属性,可以拆分成多个单属性 2.color是背景颜色可以和image共存,它的层次在image之下 3.repeat,默认就是在水平和垂直方向都重复repeat-x和repeat-y4.clip 是背景图片剪裁(覆盖的区域),clip 剪裁的区域,设置哪个区就显示哪个区域 *//*background-clip: padding-box

2016-11-13 13:51:53 322

转载 盒子模型

CSS盒子模型(简要了解) 收藏  CSS中, Box Model叫盒子模型(或框模型),Box Model规定了元素框处理元素内容(element content)、内边距(padding)、边框(border) 和 外边距(margin) 的方式。在HTML文档中,每个元素(element)都有盒子模型,所以说在Web世界里(特别是页面布局),B

2016-11-13 10:57:31 230

转载 伪类和为元素

CSS 伪类与伪元素标签: cssclass文档html百度工作2011-12-06 20:42 18531人阅读 评论(1) 收藏 举报 分类:CSS(7) 版权声明:本文为博主原创文章,未经博主允许不得转载。目录(?)[+]CSS的元素选择器除了根据id(#)、class(.)、属性([ ])选取元

2016-11-12 08:43:30 441

转载 行内元素和块级元素

行内元素和块级元素2013-01-05 11:40 by greenal, 34551 阅读, 2 评论, 收藏, 编辑1 块级元素:div  , p  , form,   ul,  li ,  ol, dl,    form,   address,  fieldset,  hr, menu,  table   行内元素:span,   strong,   em,  br,

2016-11-12 08:32:36 132

转载 清除浮动

css清除浮动float的三种方法总结,为什么清浮动?浮动会有那些影响?一起来$('.float') 收藏前端说 发表于 3年前 阅读 66691 收藏 32 点赞 6 评论 2摘要: css清除浮动float的三种方法总结,为什么清浮动?浮动会有那些影响?    一、抛一块问题砖(display: block)先看现

2016-11-11 20:59:57 246

转载 定位:

CSS定位 编辑在CSS中关于定位的内容是:position:relative | absolute | static | fixed。static 没有特别的设定,遵循基本的定位规定,不能通过z-index进行层次分级。在本文流中,任何一个元素都被文本流所限制了自身的位置,但是通过CSS我们依然使得这些元素可以改变自己的位置,我们可以通过float来让元素浮动,我们也可以通过ma

2016-11-11 20:26:19 283

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除