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

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

}

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

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

下载本文的Word格式文档,以方便收藏与打印。