1.css 和 html 的结合方式
(1)在每一个 html 标签上都有一个属性 style,把 css 和 html 结合在一起
<div style="background-color:red;color:green;">
(2)使用 html 的一个标签实现 <style> 标签,写在 head 里面
<style type="text/css>
css代码;
</style>
(3) 使用头标签 link,引入外部 css 文件
首先创建一个 css 文件
<link rel="stylesheet" type="text/css"href="css文件路径">
2.JavaScript 的简介
1.是基于对象和事件驱动的语言,应用于客户端
- 基于事件:
提供了很好的对象,可以直接拿过来使用- 事件驱动:
html 做网站静态效果,JavaScript 动态效果- 客户端:专门指的是浏览器
2.Js 的特点
(1) 交互性
信息的交互
(2)安全性
js 不能访问本地磁盘的文件
(3)跨平台性
java 里面跨平台----虚拟机
只有能够支持 js 的浏览器,都可以运行
3.JavaScript 和 java 的区别(雷锋和雷峰塔)
(1) java 是sun 公司,现在 oracle;js 是网景公司
(2)JavaScript 是基于对象的,java 是面向对象的
(3)java是强类型的语言,js 是弱类型的语言
(4)JavaScript 只需要解析就可以执行,而 java 需要编译成字节码文件,再执行。
4.JavaScript 的组成
三部分组成
(1) ECMAScript
ECMA:欧亚计算机协会
由 ECMA 组织制定的 js 的语法,语句....
(2) BOM
broswer object model:浏览器对象模型
(3) DOM
document object model: 文档对象模型
3.js 与 html 结合方式
第一种:
使用一个标签
<script type=“text/javascript” >js 代码</script>
第二种:
使用 script 标签,引入一个外部的 js 文件
创建一个 js 文件,写 js 代码
<script type="text/javascript" src ="1.js"></script>
使用第二种方式时,就不要在 script 标签里面写 js 代码,不会执行。
4.js 的原始类型和声明变量
定义变量:都使用关键字 var
js 的原始数据类型
- string :字符串8
var str="abc";
- number 数字类型
var m=123;
- boolean:true 和 false
var flag=true;
- null
var date =new Date();
获取对象的引用,null 表示对象引用为空,所有对象的引用也是 object
-
undifined
定义一个变量,没有赋值
var aa;
typeof(); 查看当前变量的数据类型
5.js 的语句
1.if 判断语句
=:表示赋值
== :表示判断
2.switch 语句
js 里面所有类型都支持
3.循环语句(for while do-while)
for 循环里面 java 里面定义是 int ,js 定义是 var
4.i + + 和 + + i 和java 里面一样
6.js 的运算符
1.+= :x+=y——> x=x+y;
2.js 里面不区分整数和小数
var j=123;
alert(j/1000*1000);
// j/1000*1000 在 java 里面得到的结果是 0
//在 js 里面不区分整数和小数,123/1000=0.123*1000=123
3.字符串相加和相减的操作
如果相加的时候,做的是字符串连接
如果相减,做的是相减运算
提示 NaN :表示不是一个数字
4.Boolean 类型也可以操作
如果设置成 true,相当于这个值是 1
如果设置成 false,相当于这个值是 0
5. == 和 === 区别
做判断:
== 比较的只是值
=== 比较的是值和类型
6.引入知识
直接向页面输出语句(可以把内容显示在页面上)
document.write("aaa");
document.write("<hr/>");
可以向页面输出变量,固定值和 html 代码
7.js 数组
1.数组定义方式
第一种:
var arr=[1,2,3];
var arr=[1,"4",ture];
第二种:
使用内置 Array 对象
var arr1=new Array(5);//定义一个数组,数组长度是 5
第三种:
使用内置 Array 对象
var arr1=new Array(3,4,5);//定义一个数组,数组元素是3 4 5
2.数组属性
length : 获取到数组长度
3.数组可以存放不同的数据类型的数据
8.js 函数
1.定义函数
第一种方式:
使用到关键字 function
function 方法名(参数列表){
方法体;
返回值可有可无(根据实际需要)
}
举例:
function add(a,b,c){
var sum=a+b+c;
return sum;
}
alert(add(3,4,5)); //调用方法
第二种方式:
匿名函数
var add=function(参数列表){
方法体和返回值
}
举例:
var add =function(m,n){
alert(m+n);
}
add(5,6); //调用方法
9.js 全局变量和局部变量
-
全局变量
:在 script 标签里面定义一个变量,这个变量在页面中 js 部分都可以使用
——在方法外部使用,在方法内部使用,在另一个 script 标签使用 -
局部变量
:在方法内部定义一个变量,只能在方法内部使用
——如果在方法外部调用这个变量,提示出错
10.script 标签放的位置
建议把 script 标签放到 </body>后面