HTML与JavaScript联动(html与js之间如何配合)

HTML与JavaScript联动

推荐整理分享HTML与JavaScript联动(html与js之间如何配合)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:html与js之间如何配合,html和javascript交互,html和javascript交互,javascript和html结合,html和js怎么连接,javascript和html结合,html和js怎么连接,javascript和html结合,内容如对您有帮助，希望把文章链接给更多的朋友！

目录

一、数组（增删查改）

1.创建数组

2. 增加数组元素

3.删除数组中的元素

4.查看数组元素

5.修改数组元素

二、创建方法

1.函数

2.作用域

3.作用域链

三、对象

1.使用 字面量 创建对象 [常用]

2.使用 new Object 创建对象

四、JavaScript 的对象和 Java 的对象的区别

五、JS 操作 DOM

1.得到控件

2.操作元素

2.1 获取元素值

2.2 设置元素的值

2.3 innerText /innerHTML

3.原生猜数字游戏

4.jquery版本猜数字游戏

5.聚合搜索

6.表白墙 

首先，我想大家推荐一个可以用来查询JavaScript语法的一个网站：链接：lJavaScript - 学习 Web 开发 | MDN (mozilla.org)

一、数组（增删查改）1.创建数组

1️⃣使用 new 关键字创建

// Array 的 A 要大写var arr = new Array();

2️⃣使用字面量方式创建 [常用]

var arr = [];var arr2 = [1, 2, 'haha', false]; // 数组中保存的内容称为 "元素"

在数组中，我们可以存放任意类型的元素

2. 增加数组元素

使用 push 进行追加元素

代码示例: 给定一个数组, 把数组中的奇数放到一个 newArr 中.

var arr = [9, 5, 2, 7, 3, 6, 8];var newArr = [];for (var i = 0; i < arr.length; i++) {    if (arr[i] % 2 != 0) {        newArr.push(arr[i]);   }}console.log(newArr);3.删除数组中的元素

使用 splice 方法删除元素

var arr = new Array();arr.push(1);arr.push("hello");arr.push(false);arr.splice(1, 1);console.log(arr.length);for(var item of arr) { console.log(item);}

 

4.查看数组元素

使用下标的方式访问数组元素(从 0 开始)

var arr = ['小猪佩奇', '小猪乔治', '小羊苏西'];console.log(arr);console.log(arr[0]);console.log(arr[1]);console.log(arr[2]);arr[2] = '小猫凯迪';console.log(arr);

❗❗注意：如果下标超出范围读取元素, 则结果为 undefined

var arr = new Array();arr.push(1);arr.push("hello");arr.push(false);console.log(arr[3]);//undefined

❗❗不要给数组名直接赋值, 此时数组中的所有元素都没了

var arr = ['小猪佩奇', '小猪乔治', '小羊苏西'];arr = '小猫凯迪';5.修改数组元素

直接修改

var arr = new Array();arr.push(1);arr.push("hello");arr.push(false);arr[1] = "hi";console.log(arr.length);for(var item of arr) { console.log(item);}

二、创建方法1.函数// 创建函数/函数