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

}

时间: 2024-10-20 19:43:45

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

JavaScript进阶 - 第2章 你要懂的规则(JS基础语法)

第2章 你要懂的规则(JS基础语法) 2-1什么是变量 什么是变量? 从字面上看,变量是可变的量:从编程角度讲,变量是用于存储某种/某些数值的存储器.我们可以把变量看做一个盒子,盒子用来存放物品,物品可以是衣服.玩具.水果...等. 2-2 给变量取个名字(变量命名) 我们为了区分盒子,可以用BOX1,BOX2等名称代表不同盒子,BOX1就是盒子的名字(也就是变量的名字). 我们赶快给变量取个好名字吧!变量名字可以任意取,只不过取名字要遵循一些规则: 1.必须以字母.下划线或美元符号开头,后面可

JS基础语法

JS基础语法第二天 1.If语法if的语法:If(判断条件){ 一般是一个boolean类型的值或是关系表达式或是逻辑表达式要执行的代码;} If(判断条件){ 一般是boolean类型的值或是关系表达式或是逻辑表达式要执行的代码;}else {要执行的代码;} If(判断条件){ 一般是boolean类型的值或是关系表达式或是逻辑表达式要执行的代码;}else if(判断条件) {要执行的代码;} 2.三元运算符表达式1(关系表达式或是逻辑表达式)? 表达式2:表达式3;如果表达式1成立,也就

1.js基础语法

1.Js基础语法 1.数据类型 JavaScript不区分整数和浮点数,统一用Number表示 NaN; // NaN表示Not a Number,当无法计算结果时用NaN表示 Infinity; // Infinity表示无限大,当数值超过了JavaScript的Number所能表示的最大值时,就表示为Infinity 2.比较运算符 要特别注意相等运算符==.JavaScript在设计时,有两种比较运算符: 第一种是==比较,它会自动转换数据类型再比较,很多时候,会得到非常诡异的结果: 第二

node.js基础语法

nodejs基础语法  Node.js的数据类型  Node.js的逻辑判断  Node.js的各种循环  Node.js中使用函数 看看和js有没有什么区别  使用 node 的 REPL 模式 REPL (Read-eval-print loop),即输入—求值—输出循环. Number (数字) Boolean (布尔) Object (对象) Array (数组) String (字符串) Undefined Null (空) Undefined类型只有一个值,即特殊的Undefined

JS 基础语法

基础语法 JS中的一切都区分大小写. 所谓标识符,是指变量.函数.属性的名字,或者函数的参数. 标识符的第一个字符不能是数字,可以是字母.下划线和美元符号:其它字符可以是数字. // 单行注释 /* *多行注释 *多行注释 */ 语句结尾的分号不是必需的,但是任何时候都要加上,能够避免错误.提高代码性能. 始终在控制语句中使用语句块——即使语句块中只有一条语句.

JS基础-语法+流程控制语句+函数+内置对象【数组】

JS语法: Javascript基本数据类型:undefined/null/Boolean/number/string 复杂数据类型:object typeof用来检测变量的数据类型 typeof的使用方法有两种: (1)typeof 变量 (2) typeof(变量) undefined派生自null,所以undefined==null返回的结果是true 用于任何数据类型,Number()可以将非数值转化为数值,但是有一些数据是不能转化为数值的,如果这类数据通过Number()进行强制转化的

Java基础语法(二)——数据类型扩展与运算符详解

一.前言 ? 上文我们讲解了有关java编程基础语法的变量与关键字的知识点,本文将主要对java基础语法中的运算符进行讲解. ? 在讲解语法之前我们先来讲一下真正的开发环境. 二.Java集成开发环境 2.1eclipse的使用方法 ? 之前我们在体验java编程或者写小的demo的时候,都是命名一个.java的源文件,在dos界面中编译和运行,但是这样给人的感觉并不友好,为了解决这一问题,一些大佬便开发了与各种语言对应的集成开发环境,其中包含文本编辑处理,自动编译,简化运行,随时进行代码调试.

《JavaScript》 程序基本知识 数据类型。 {0912上}

JS脚本语言: 这是JaxaScript的全称名 JS是网页里面使用的脚本语言 JS是一个非常强大的语言 JS的基础语法 注释语法:  单行注释 //     多行注释 /**/ 输出语法:   双标签公式:<script>公式内容</script> alert("信息")        公式内容} 此代码是在页面上弹出信息 confirm(”信息“);     公式内容}        此代码会弹出一个和用户交互的对话框. 有{确定}{取消} prompt(&

Javascript进阶篇——(JS基础语法)笔记整理

根据慕课网学习整理到一起的笔记,把东西整理到一起看起来比较方便 什么是变量字面意思:变量是可变的量:编程角度:变量是用于存储某种/某些数值的存储器.我们可以把变量看做一个盒子,盒子用来存放物品,物品可以是衣服.玩具.水果...等. 表达出你的想法(表达式)表达式与数学中的定义相似,表达式是指具有一定的值.用操作符把常数和变量连接起来的代数式.一个表达式可以包含常数或变量. 字符串表达式:"I" + "love" + "you" + mychar