目录
一、JavaScript和html代码的结合方式
二、javascript和java的区别
1、变量
2、运算
3、数组(重点)
4、函数
5、重载
6、隐形参数arguments
7、js中的自定义对象
三、js中的事件
四、DOM模型
五、正则表达式
1、第一种:
在head标签或body标签中,使用script标签来书写JavaScript代码
Title
效果如下:
2、第二种:
使用script标签引入单独的JavaScript代码文件
Title
效果如下:
javascript是弱变量,赋的值是什么类型,变量就是什么类型;java是强变量,只有一个类型身份
(变量的类型;javascript和java的变量的区别;如何定义javascript的变量)
Title
效果如下:
(1)关系运算
javascript:
“==”等于,做简单的字面值的比较;"==="全等于,做字面值的比较并比较数据类型
Title
结果如下:
(2)逻辑运算
1)在javascript中,所有的变量都可以作为一个boolean类型的变量去使用
0, null, undefined, ""(空串)都认为是false
2)
Title
在javascript中,数组会自动扩容,不存在数组溢出现象
Title
(1)第一种定义方式(使用function关键字)
function 函数名(形参列表){
函数体
}
Title
(2)第二种定义方式
var 函数名=function(形参列表){
函数体
}
Title
在java中函数允许重载,但在js中函数的重载会直接覆盖掉上一次的定义
Title
效果如下:
Title
(1)Object形式的自定义对象
Title
效果如下:
(2){}花括号形式的自定义对象
Title
1、定义:事件是电脑输入设备与页面进行交互的响应
2、
3、 事件注册(绑定)
(1)定义:告知浏览器,当事件响应后要执行哪些操作代码,叫事件注册或事件绑定
(2)分类:
1)静态注册事件:通过html标签的事件属性直接赋于事件响应后的代码
2)动态注册事件:先通过js代码得到标签的dom对象,然后再通过
dom对象.事件名=function(){}
这种形式赋于事件响应后的代码
(1)onload事件
Title
效果如下:
(2) onclick事件
Title
效果如下:
(3)onblur事件
Title
用户名:
密码:
(4)onchange内容发生改变事件
Title
请选择你心中的男神:请选择你心中的白月光电视剧:
效果如下:
(5)onsubmit事件
Title
即把文档中的标签、属性、文本转换成为对象来管理
1、Document的内存结构
2、Document对象的理解
3、Document对象的方法
![]()
因为查询范围越小越好(干活少),所以优先级不同
(1) document.getElementById();
Title
用户名:
效果如下:
(2)document.getElementsByName();
Title
兴趣爱好:C++JavaJavaScript
效果如下:
(3)document.getElementsByTagName();
Title
兴趣爱好:
C++
Java
JavaScript
4、节点的常用属性和方法
*节点就是标签对象
(1)属性:
(2)方法
Title
效果如下:
Title
w3school里有详细的资料: