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

Posted 2020-08-08

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

}