java学习第四十三天内容-CSDN博客

本文链接：https://blog.csdn.net/weixin_43831183/article/details/123103848

本文介绍了JavaScript中定义和调用函数的方式，CSS选择器的种类，表单标签，数据类型的划分，以及Java与JS数组定义的区别。此外，还详细讲解了JavaScript自定义对象的四种方法，并探讨了Date对象的常用属性。最后，提到了定时器的使用和DOM操作的基本概念，以及事件编程的三要素和常见事件类型。

摘要由CSDN通过智能技术生成

1.前一天重点内容复习

js中定义函数方式以及调用函数方式

定义函数方式：

function 函数名(参数名称列表){
    逻辑代码
    return结果; /直接输出
}

调用函数：

如果函数里面有return语句,采用赋值调用：

var 结果 = 函数名称(实际参数列表) ;

如果函数里面直接输出,单独调用

函数名称(实际参数列表);

css选择器有哪些

标签选择器：style中定义，优先级最低，属性唯一

标签名称{}

类选择器：标签中引用，style中定义，优先级次之

.class属性值{}

id选择器：标签中引用，style中定义，优先级最高

#id属性值{}

交集选择器：选择器1 选择器2{}

#id选择器标签名称/.class属性值{}

并集选择器：选择器1，选择器2{}

#id选择器,标签名称/.class属性值{}

伪类选择器

选择器:状态属性{}

属性：

link：未访问状态

hover：鼠标经过状态

active：激活状态

visited：访问过的状态

列举常见的表单标签的表单项

form：action,method

input：text,password,email,date,hidden,file,button,submit,reset

select：option

js中常见数据类型划分

string：字符和字符串

number：整数和小数

object：对象

boolean：布尔类型

java定义数组和js定义数组的区别

java

数据类型[] 数组名称 = new 数据类型[长度];

var 对象名称 = new Array();

常见css属性样式

背景

background-color：背景颜色

background-imag：图片地址

background-repeat：图片重复

background-position：图片位置

边框

border：border-width border-style border-color;：边框粗细，样式，颜色

文本

text-decoration：文本修饰

text-align：文本居中方式

字体

font-size：字体大小

font-weight：字体粗细

font-style：字体样式

浮动

float：设置浮动

clear：清楚浮动

2.js自定义对象方式

方式一：使用自定义有参函数方式完成自定义对象创建

创建类似于java有参构造函数

function 对象（属性列表）{
    属性赋值...
    方法...
}

创建对象

var 对象名称 = new 对象(实际参数列表);

方式二：使用自定义无参函数方式完成自定义对象创建

创建类似于java无参构造函数

function 对象（）{
}

创建对象

var 对象名称 = new 对象();

给对象增加属性

p.属性名=属性值;

给对象增加方法

p.方法名 = function(){
    逻辑代码;
}

方式三：使用object对象完成对象的创建

object创建对象

var 对象名 = new object();

追加属性

p.属性名=属性值;

追加方法

p.方法名 = function(){
    逻辑代码;
}

方式四：使用json数据格式创建对象

创建单个对象

var 对象名 = {
    键：值，
    键：值，
    键：值
    ...
}

创建多个对象

var 对象名 = [
    {键：值，键：值，键：值，键：值...},
    {键：值，键：值，键：值，键：值...},
    {键：值，键：值，键：值，键：值...}
];

3.Date对象

获取年：getFullYear()

获取月：getMonth()

获取日：getDate()

获取小时：getHours()

获取分钟：getMinutes()

获取秒：getSeconds()

4.定时器

window：

setInteval(定时任务()，时间毫秒值)；等待毫秒值，重复执行定时任务

setTimeout(定时任务()，时间毫秒值)：等待毫秒值，执行一次定时任务

5.DOM操作

基础：浏览器的js解析html标签时，会将每一个标签封装成对象，形成一个树状结构

核心：获取标签对象，使用标签对象改变其属性来达到某种效果

获取标签对象方式

通过节点关系获取

parentNode：父节点

childNodes：所有子节点

firstChild：第一个子节点

lastChild：最后一个子节点

previousSibling：上一个兄弟节点

nextSibling：下一个兄弟节点

通过属性集合获取

all：获取所有标签对象

links：一般a标签对象

forms：表单中标签对象

imags： img标签对象

使用document对象方法获取标签对象

getElementById("id属性值");

getElementsClassName("class属性值");

getElementsByTagName("标签名称");

getElementsByName("name属性");

6.事件编程三要素

事件源

事件监听器-函数

将函数绑定到事件源上

7.事件分类

单击：click

双击：dbclick

获得焦点事件：focus

失去焦点事件：blur

选项卡发生变化事件：change

鼠标经过事件：mouseover

鼠标移出事件：mouseout

页面载入事件：load