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

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("输入内容不再范围内")

}

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