JavaScript
JavaScript是一门跨平台、面向对象的脚本语言,来控制网页行为的
它能使网页可交互
W3C标准:网页主要由三部分组成
>结构:HTML
>表现: CSs
>行为: JavaScript
JavaScript和Java是完全不同的语言,不论是概念还是设计。但是基础语法类似。
1.JavaScript引入方式
1.1.内部脚本:将JS代码定义在HTML页面中
1.2.外部脚本:将JS代码定义在外部JS文件中,然后引入到HTML页面中
2书写语法
2.1.区分大小写:与Java一样,变量名、函数名以及其他一切东西都是区分大小写的
2.2.每行结尾的分号可有可无
2.3.注释:
.单行注释:/注释内容.
多行注释:/*注释内容*/
2.4.大括号表示代码块
if ( count == 3){ialert( count);
3输出语句
·使用window.alert()写入警告框
使用document.write()写入HTML输出
·使用console.log()写入浏览器控制台
window.alert("hello JS ~");//弹出警告框
document.write("hello JS ~");//写入HTML
console.log("hello JS~");//写入控制台
4.运算符
一元运算符:++,--
算术运算符: +,-,*,l,%
赋值运算符:=,+=,-=.….
关系运算符: >,<,>=,<=, !=,==,F==...
逻辑运算符:&&,Il,!
三元运算符:条件表达式? true_value : false_value
==:
1.判断类型是否一样,如果不一样,则进行类型转换2.再去比较其值
===:全等于
1.判断类型是否一样,如果不一样,直接返回false2.再去比较其值
DOM
Document Object Model文档对象模型
将标记语言的各个组成部分封装为对象
Document:整个文档对象
Element:元素对象
Attribute:属性对象Text:文本对象
·Comment:注释对象
获取Element
Element:元素对象
获取:使用Document对象的方法来获取
1. getElementByld:根据id属性值获取,返回一个Element对象
2. getElementsByTagName:根据标签名称获取,返回Element对象数组
3. getElementsByName:根据name属性值获取,返回Element对象数组
4. getElementsByClassName:根据class属性值获取,返回Element对象数组