JavaScript函数和对象

函数:

定义语法:

function functionName(参数1,参数2){

}

注意

形式参数不需要类型,因为JavaScript是弱语言

返回值也不需要定义,可以在函数内部直接使用return

调用

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

如果传递的参数高于参数的个数,后面的参数个数是无效的

JavaScript对象

JavaScript中的Array(数组)

定义:

var 变量名=new Array(元素列表); 例如 var arr=new Array(1,2,3,4);//方式一

var 变量名=[元素列表]; 例如var arr=[1,2,3,4]; //方式二

访问:

arr[索引]=值 arr[1]=2;

JavaScript的特点:长度可变、类型可变

属性:

length:设置 或返回数组中元素的数量

方法:forEach()遍历数组中每个有值的元素,并调用一次传入的函数

push()将新元素添加到数组末尾并返回新长度

splice()从数组删除元素

JavaScript中的String

定义:

var 变量名=new String("..."); 例如 var str=new String("Hello String");//方式一

var 变量名="..."; 例如 var str="hello world";//方式二

属性:

length:返回字符串的长度

方法

charAt() 返回指定位置的字符

idexof()检索字符串

trim()去除字符串两边的空格

subbstring()提取字符串中两个指定的索引之间的字符

JavaScript中的自定义对象

定义格式

var 对象名={

属性名1:属性值1,

属性名2:属性值2,

属性名3:属性值3,

函数名称:function(参数形式){}

}

例如:

var user={

name:"张三",

age:20,

gender:"male",

eat:function(){

alter("吃烧烤")

}

}

调用格式

对象名.属性名 例如console.log(user.name)

对象名.函数名(); 例如user.eat();

JavaScript中的JSON

var 变量名='{"key1":value1,"key2":value2}';

value的数据类型:数字(整数或浮点数)、字符串(在双引号中)、逻辑值(true或false)、数组(在方括号中)、对象(在花括号中)、null

例如:

var user='{"name":"张三","age":20,"address":["武汉","广州","长沙"]}';

JSON字符串转为JS对象

var jsObject =JSON.parse(userStr);

将JS对象转为JSON字符串

var jsonStr=JSON.Stringify(jsobject);

JavaScript中的BOM

windon对象 其中windon.可以省略

属性:

history:对History对象只读引用

location:用于窗口或框架的location对象 location.href"https//www.baidu.cn";(href返回url)

navigator:对Nacigator对象的只读引用

方法:

alter():显示一段消息和一个确认按钮

confirm():显示一段消息以及确认按钮和取消按钮的对话框

setlnterval():按照指定的周期()以毫秒计 来调用函数或计算表达式

setTimeout():在指定的毫秒后调用或计算表达式

JavaScript中的DOM

DOM是w3c的标准,定义了访问HTML和XMlL文档的标准,分为3个不同的部分

  1. Core DOM-整个文档类型的模型

    1. Document:整个文档对象

    2. Element:元素对象

    3. Attribute:属性对象

    4. Text:文本对象

    5. Comment:注释对象

  2. XML DOM-XML 文档的标准模型

  3. HTML DOM —HTML文档的标准模型

    1. Image:<img>

    2. Button:<input type='button'>

HTML中的Element对象可以通过Document对象获取

Document对象提供了以下获取对象的方法

  1. 根据id获取对象返回单个Element 例如 var h1=document.getElementById('h1')

  2. 根据标签名称获取对象 返回Element数组 例如 var divs=document.getElementsByTagName('div');

  3. 根据name属性获取 返回Element数组 例如 var hobbys=document.getElementsByName('hobby');

  4. 根据class属性值获取,返回Element数组 例如 var class=document.getElementsByClassName('cls');

事件监听

方式一:通过HTML标签中的事件属性进行绑定

方式二:通过DOM元素属性绑定

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/pingmian/7851.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

6W 1.5KVDC. 单、双输出 DC/DC 电源模块——TP2L-6W 系列

TP2L-6W系列是一款高性能、超小型的电源模块&#xff0c;2:1电压输入&#xff0c;输出有稳压和连续短路保护功能&#xff0c;隔离电压为1.5KVDC、作温度范围为–40℃到85℃。特别适合对输出电压的精度有严格要求的地方&#xff0c;外部遥控功能对您的设计又多一项选择&#xff…

[链表专题]力扣206, 203, 19

1. 力扣206 : 反转链表 (1). 题 : 图略 给你单链表的头节点 head &#xff0c;请你反转链表&#xff0c;并返回反转后的链表。示例 1&#xff1a;输入&#xff1a;head [1,2,3,4,5] 输出&#xff1a;[5,4,3,2,1] 示例 2&#xff1a;输入&#xff1a;head [1,2] 输出&#x…

C# Winform代码

功能1&#xff1a; TextBox控件&#xff0c;只允许输入正负数字和小数&#xff0c;且小数点只能后两位 功能2&#xff1a; winform控件启动线程&#xff0c;执行任务 using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; u…

多实例任务在工作流中的高级配置与应用

前言 在现代业务流程管理中&#xff0c;多实例任务是一项强大功能&#xff0c;它允许一个任务被多个参与者并行或顺序处理&#xff0c;这在需要会签、集体评审等场景下尤为重要。Activiti作为一款流行的开源工作流引擎&#xff0c;提供了丰富的配置选项来满足多样化的多实例任…

面试分享——描述一个复杂网络问题如何解决

描述一个你成功解决的复杂网络问题 1.问题背景 在我之前的一家网络服务提供商公司工作期间&#xff0c;我们面临了一个复杂的网络故障问题。该公司为客户提供云主机托管服务&#xff0c;其中一个关键客户的应用服务器突然无法与数据库服务器通信&#xff0c;导致其核心业务受…

HackMyVM-Slowman

目录 信息收集 arp nmap whatweb WEB web信息收集 gobuster FTP匿名登录 hydra mysql爆破 mysql登录 fcrackzip爆破 hashcat爆破 ssh登录 提权 系统信息收集 python Capabilities提权 信息收集 arp ┌──(root㉿0x00)-[~/HackMyVM] └─# arp-scan -l Interf…

类加载器aa

一&#xff0c;关系图及各自管辖范围 &#xff08;不赘述&#xff09; 二&#xff0c;查看关系 package com.jiazai;public class Main {public static void main(String[] args) {ClassLoader appClassLoader ClassLoader.getSystemClassLoader();//默认System.out.println…

关于在Conda创建的虚拟环境中安装好OpenCV包后,在Pycharm中依然无法使用且import cv2时报错的问题

如果你也掉进这个坑里了&#xff0c;请记住opencv-python&#xff01;opencv-python&#xff01;&#xff01;opencv-python&#xff01;&#xff01;&#xff01; 不要贪图省事直接在Anaconda界面中自动勾选安装libopencv/opencv/py-opencv包&#xff0c;或者在Pycharm中的解…

Linux搭建http发布yum源

1、搭建http源yum仓库 &#xff08;1&#xff09;在yum仓库服务端安装httpd yum -y install httpd &#xff08;2&#xff09;修改配置文件 我们httpd 中默认提供web 界面的位置是我们/var/www/html 目录&#xff0c;如果我们yum 源想指定目录&#xff0c;就需要修改蓝框2处…

Vue常见的指令

Vue.js 提供了许多内置指令&#xff0c;这些指令可以在模板中用于处理元素的显示、行为等。以下是 Vue.js 中常见的 7 个指令及其详细代码示例&#xff1a; 1、v-bind&#xff1a;用于属性绑定&#xff0c;可以动态更新 HTML 属性。 html<template> <div> <img…

VUE v-for 数据引用

VUE 的数据引用有多种方式。 直接输出数据 如果我们希望页面中直接输出数据就可以使用&#xff1a; {{ pageNumber }}双括号引用的方式即可。 在 JavaScript 中引用 如果你需要直接在代码中使用&#xff0c;直接使用变量名就可以了。 上面这张小图&#xff0c;显示了引用的…

linux 调试-kdb 调试内核-1

目标&#xff1a;打印bcm2835_spi_transfer_one 是如何从用户空间开始调用的 1. kernel 配置 KDB配置选项 添加 spi 控制器驱动 和 spi 设备驱动 2. 调试流程 调试内核-系统启动之后 1. 开发板进入kdb,等待pc 连接 rootraspberrypi:~# echo "ttyS0,115200"…

找不到模块“vue-router”。你的意思是要将 moduleResolution 选项设置为 node,还是要将别名添加到 paths 选项中?

在tsconfig.app.json中添加&#xff0c;记得一定是 tsconfig.app.json 中&#xff0c;如添加到 tsconfig.node.json 还是会报错的 哈哈哈哈&#xff0c;不瞒你们&#xff0c;我就添加错了&#xff0c;哈哈哈。所以这也算写一个demo提醒自己 "compilerOptions": {&qu…

C语言 动态内存管理

目录 1. C/C程序的内存分配2. 动态内存分配的作用3. malloc - 分配内存4. free - 释放内存5. calloc - 分配并清零内存6. realloc - 调整之前分配的内存块7. 常见的动态内存的错误7.1 对空指针解引用7.2 对动态开辟空间的越界访问7.3 对非动态开辟内存使用free7.4 使用free释放…

iOS使用webSocket通信

一、什么是webSocket webSocket是HTML5开始提供的一种浏览器与服务器进行全双工通讯的网络技术&#xff0c;属于应用层协议。它基于TCP传输协议&#xff0c;并复用HTTP的握手通道。对大部分web开发者来说&#xff0c;上面这段描述有点枯燥&#xff0c;其实只要记住几点&#x…

发电机组远程管理,提升管控力,降低运维成本

发电机组是指发电机发动机以及控制系统的总称&#xff0c;用来把发动机提供的动能转化为电能。它通常由动力系统、控制系统、消音系统、减震系统、排气系统组成。发电机组远程管理系统利用物联网技术与PLC远程控制模块集成解决方案&#xff0c;在提高发电机组的运行效率、降低运…

【计算机科学速成课】笔记三——操作系统

文章目录 18.操作系统问题引出——批处理设备驱动程序多任务处理虚拟内存内存保护Unix 18.操作系统 问题引出—— Computers in the 1940s and early 50s ran one program at a time. 1940,1950 年代的电脑&#xff0c;每次只能运行一个程序 A programmer would write one at…

Vue基础——Mixin(混入)

在Vue中&#xff0c;Mixin&#xff08;混入&#xff09;是一种可以重复使用的代码片段&#xff0c;可以包含组件选项&#xff08;如data、methods、computed等&#xff09;以及生命周期钩子函数。Mixin可以在多个组件中共享相同的逻辑或功能&#xff0c;从而实现代码的复用和组…

Django框架四-项目

一、项目准备 1.流程与人员 2.需求分析 项目主要页面 归纳项目主要模块 3.架构设计 项目开发模式 项目架构设计

【C++STL详解(八)】--------stack和queue的模拟实现

目录 前言 一、stack模拟实现 二、queue的模拟实现 前言 前面也介绍了stack和queue的常见接口&#xff0c;我们也知道stack和queue实际上是一种容器适配器&#xff0c;它们只不过是对底层容器的接口进行封装而已&#xff0c;所以模拟实现起来比较简单&#xff01;一起来看看是…