三、JavaScript
创始人
2024-05-28 15:56:56
0

目录

一、JavaScript和html代码的结合方式

 二、javascript和java的区别

1、变量

 2、运算

3、数组(重点)

4、函数

5、重载

 6、隐形参数arguments

7、js中的自定义对象

 三、js中的事件

四、DOM模型

 五、正则表达式


一、JavaScript和html代码的结合方式

1、第一种:

在head标签或body标签中,使用script标签来书写JavaScript代码



Title


效果如下:

 2、第二种:

使用script标签引入单独的JavaScript代码文件



Title


 效果如下:

 二、javascript和java的区别

1、变量

javascript是弱变量,赋的值是什么类型,变量就是什么类型;java是强变量,只有一个类型身份

(变量的类型;javascript和java的变量的区别;如何定义javascript的变量)



Title


效果如下:

 2、运算

(1)关系运算

javascript:

“==”等于,做简单的字面值的比较;"==="全等于,做字面值的比较并比较数据类型



Title


结果如下: 

 (2)逻辑运算

1)在javascript中,所有的变量都可以作为一个boolean类型的变量去使用

      0, null, undefined, ""(空串)都认为是false

2)



Title


3、数组(重点)

在javascript中,数组会自动扩容,不存在数组溢出现象



Title


4、函数

(1)第一种定义方式(使用function关键字)

function 函数名(形参列表){

        函数体

}



Title


 (2)第二种定义方式

var 函数名=function(形参列表){

        函数体

}



Title


5、重载

在java中函数允许重载,但在js中函数的重载会直接覆盖掉上一次的定义



Title


效果如下:

 6、隐形参数arguments



Title


7、js中的自定义对象

(1)Object形式的自定义对象



Title


效果如下:

 (2){}花括号形式的自定义对象



Title


 三、js中的事件

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

四、DOM模型

即把文档中的标签、属性、文本转换成为对象来管理

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里有详细的资料: 

        

相关内容

热门资讯

评书童林传250回的和300回... 评书童林传250回的和300回的有什么不一样?内容上是完全一样的,只是在剪辑时语速有所不同。 ...
为啥 有声小说凡人修仙传 和 ... 为啥 有声小说凡人修仙传 和 修真世界 很久都不更新了呢? 播音大灰狼去干吗了?凡人修仙传 和 修真...
月宫的主人不是嫦娥,你知道《封... 月宫的主人不是嫦娥,你知道《封神榜》中姜子牙封了谁吗?大家口中所说的嫦娥在历史上,其实并不是一个人,...
华软科技涨1.15%,成交额6... 7月1日,华软科技盘中上涨1.15%,截至09:57,报6.17元/股,成交6068.05万元,换手...
时间久了是不是真的会忘记? 时间久了是不是真的会忘记?如果那时是真的伤到了心,是不会忘记的,只会淡化,再久的时间想起来还是会有一...
菲沃泰涨1.21%,成交额66... 7月1日,菲沃泰盘中上涨1.21%,截至09:58,报16.76元/股,成交662.09万元,换手率...
党员总数超28.77万名 基层... 来源:本站原创  安庆市委组织部最新党内统计数据显示,截至2024年底,安庆市共有中国共产党党员28...
三棵树成立新材料科技子公司 转自:证券时报人民财讯7月1日电,企查查APP显示,近日,三棵树(海南)新材料科技有限公司成立,注册...
正海生物涨1.07%,成交额9... 7月1日,正海生物盘中上涨1.07%,截至09:43,报20.72元/股,成交936.02万元,换手...
奥联电子跌1.01%,成交额1... 7月1日,奥联电子(维权)盘中下跌1.01%,截至09:44,报15.69元/股,成交1018.39...