9.12/ css3拓展、js基础语法、程序基本知识、数据类型、运算符表达方式、语句知识点

css3拓展：

<display:none>  将某个元素隐藏       <visibility:hidden>  也是将某个元素隐藏

<display:block>  显示                     <visibility:visible>  显示

<display>与<visibility>的区别在于：<display>隐藏后不占位置   <visibility>隐藏后位置还在

当两个<div>重叠在一起时，当内部<div>比外部大时，显示内部<div>。

<overflow：hidden>   超出部分隐藏

<scroll>  超出部分滚动条显示

透明：opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50)         这三种一起用，是为了能兼容各种浏览器

圆角：border-radius:5px (可以调整像素来改变圆角大小)

透明：box-shadow: 0             0                 5px                5px       white;

(与X轴的距离)(与Y轴的距离)(阴影距离div有多远)(阴影的粗细)(颜色)

JS的基础语法、程序基本知识、数据类型、运算符表达方式、语句：    JS代码使用原则：尽量靠下

程序的基本知识：

①所有字符都是半角英文；

②大部分情况下每条语句结束时要加分号；

③每一块代码结束后加换行；

④写程序时一定要前后呼应（例： 当前面有括号时，后边也一定要有括号结束）

基础语法：

⒈注释语法：            单行注释：//         多行注释：/* */         嵌入格式<script type="text.javascript">     尽量靠下

⒉输出语法：① alert(信息提示，弹出)：弹窗。

② confirm(弹出信息)：弹出一个和用户交互的对话框

③ prompt(弹出信息)：弹出一个可以让用户输入的对话框

数据类型：

⒈变量：数据在程序中存储，存储的名称叫做变量。一般来说，变量是用来存储数据的。（通用类型var ，可以随便存储其它类型的值）

①强类型语言：分类存档，存储在相应的数据类型变量中

②弱类型语言：不管输入什么类型数据，存储方式都一样，在此类型语言中，类型会自动转换。

⒉存储类型：

①数字类：⑴整形(整数)：int  ⑵单精度小数：float  ⑶双精度小数：double  ⑷小数：decimal

②货币类型：money

③字符：char

④字符串：string

⑤布尔型（只能存储两个状态，逻辑的真假）： 1、  true：真         2、false：假

⑥日期时间类型：datetime

⒊变量定义：

var a = 10；

var b = 5；

var c = a+b；

alert(c)              alert：输出

如果定义小数或整数的变量，等号后面的值直接写

如果定义字符串的变量，等号后面的字符串一定要加双引号（单引号）

如果定义布尔型，等号后面直接写 （例：var sex(性别) = true；）

⒋转换方式：

转整数：parseint(转换内容);   parse

运算符表达方式：

⒈数学运算符：+           -           *          / (在强类型语言中，整数/整数一定等于整数)        %

⒉逻辑运算符：&&: 并且(多个条件必须同时成立)                ||: 或(满足其中一个条件就可成立)                    !: 非

⒊字符串的拼接：也是用  +   （+两边只要有一边有字符串就是拼接）

⒋三元运算符：var a = 8;

var b = 5;

var c = a==b?"A等于B":"A不等于B"

(条件) (成立时显示内容) (不成立时显示内容)

?前面也可以写 true 或者 false

⒌比较运算符：判断是否等于：==            判断是否不等于：!=            判断是否大于：>         判断是否小于：<

判断是否大宇等于：>=         判断是否小于等于：<=

语句：if          switch

⒈顺序语句：从上往下依次执行，结束时都要加分号。

⒉分支语句：让程序根据条件的不同，来执行不同的代码。

例： var a = 10;

var b = 5;

条件

例子：if(a==b)

{

alert(满足条件时，所执行的代码)比如("123")

}

else if(a>b)意思是那么如果

{

alert(满足else if条件时，所执行的代码)比如("789")

}

else:那么

{

alert(不满足条件时，所执行的代码)比如("456")

}

例子：if 套嵌

条件：a = 5;

if(a>2)

{

if(a>3)

{

alert("123")

}

else

{

alert("456")

}

}

例子：switch

条件：var a = 3

switch(a)

{

case 1:

alert("123");

break;                                        break（跳出，也就是满足条件后直接输出，不执行下面的代码）

case 2:

alert("456");

break;

case 3:

alert("789");

break;

default:                                             default（当前面所有case不成立时，执行此语句）

alert("输入内容不再范围内")

}