1,为什么学习JavaScript?
JavaScript是web开发人员必须学的3门语言的其中一门,
HTML定义网页的内容
CSS描述了网页的布局
JavaScript是控制网页的行为
2.什么是JavaScript?
JavaScript是一个面向对象的脚本语言,目前互联上比较流行的脚本语言,这门语言科用用HTML和web,更可广泛用于服务器,pc,笔记本电脑,平板端脑和只能手机等设备。
面向对象是一种编程思想
面向对象是从面向过程升华而来
面向过程--例如从一个地方到另外一个地方途中经历的每一个过程都要记录
面向对象--例如只要知道起始位置和重点,不需要记录过程这就是面向对象
脚本语言--编写完成以后进入运行环境中可以立即执行的编程语言就是脚本语言【JavaScript】
编译语言--编写完成以后需要编译器进行住转换,运行转换以后的程序这种语言就是编译语言【Java】
3.JavaScript的作用
(1)可以直接写入HTML (2)对事件的反应 (3)改变HTML的内容(4)改变THTML的图像(5)改变HTML的样式(6)输入验证... ...
4.JavaScript用法
(1)JavaScript代码出现的位置,script标记中
script标记--head中[推荐]
script标记--body中[body开始处/body结束处]
(2)JavaScript中的元素
变量 运算符号 流程控制语句 认识函数 认识函数 认识对象 认识事件 发送ajax请求
5.html中如何书写Javascript代码
head中的script标记中编写,需要事件驱动执行
(1)写在html元素的事件中
(2)head中的script标记中编写
(3)链接外部Javascript文件【.js】
6.JavaScript 输入显示数据
(1)使用 window.alert() 弹出警告框。
window.alert(num);
alert(num);
(2)使用 document.write() 方法将内容写到 HTML 文档中。
document.write(num);
(3)使用 innerHTML 写入到 HTML 元素。
document.getElementById("h11").innerHTML=num;
(4)使用 console.log() 写入到浏览器的控制台。
浏览器的控制台:设置---》更多工具---》开发者工具---》console【控制台】
google浏览器的快捷方式 F12
console.log(num1+","+name);
7注释
html--注释<!-- 注释内容,可以包含多行 -->
css---注释 /* 注释内容,用来注释css的设置属性用的可,以包含多行 */
#p1{
/*color:red;*/
font-size:30px;
}
javascript--注释---
//注释内容 【单行注释】
/* 注释内容,可以包含多行,也可以出现单行注释代码 */【多行注释】
8.变量
变量是用来保存程序中的运行数据用的。
变量的组成
1.var 关键词来声明变量.【变量】
2.变量名称,遵循变量名称的命名规则
3.数据类型,决定了数据所能进行的具体操作
4.作用域,变量的有效范围【暂时不处理】
9. 变量的创建,使用 var 关键词来声明变量.
每一个变量都有自己的变量名称,变量的名称不能随便写,有一定的规则:
1.可以使用字母,数字,$,_组成,数字不能开头
2.变量名称对大小写敏感
3.不要用中文
变量的数据类型----用来决定了数据所能进行的具体操作。
例如:数字类型的变量可以进行【+ - * /】运算
JavaScript中的数据类型有2大类:值类型(基本类型)和引用数据类型
值类型(基本类型):字符串(String)、数字(Number)、布尔(Boolean)、对空(Null)、
未定义(Undefined)、Symbol【ES6】。
引用数据类型:对象(Object)、数组(Array)、函数(Function)。
使用“=”为变量保存数据值,叫赋值
变量的声明创建方式:
1.定义+赋值:var num=100;
2.先定义后赋值
var num; //定义
num=100; //赋值
3.一条语句,多个变量[不容易理解]
var num1=1001,name="zhangsan";