ES6获取页面所有页面标签名

在控制台输入

new Set([.../document.querySelectorAll('*')].map(v => v.tagName));

new Set(Array.from(document.querySelectorAll('*')).map(v => v.tagName));

转载于:https://www.cnblogs.com/wenyang/p/6146298.html

### 回答1: 在原生 HTML 和 CSS 中,可以使用 JavaScript 定义常量,并在 HTML 中的脚本标签中引用它们。 下面是一个示例,演示如何在 JavaScript 中定义常量,并在 HTML 中的脚本标签中引用它: ``` <!DOCTYPE html> <html> <head> <title>定义常量并在 HTML 的 JavaScript 中使用</title> </head> <body> <script> // 定义常量 const MY_CONSTANT = 'Hello, World!'; // 在控制台中输出常量 console.log(MY_CONSTANT); </script> </body> </html> ``` 在这个例子中,我们定义了一个为 `MY_CONSTANT` 的常量,并在脚本标签中使用 `console.log` 输出它。这将在浏览器的控制台中显示 "Hello, World!"。 你可以通过在脚本标签中使用 `MY_CONSTANT` 来引用该常量,如下所示: ``` <!DOCTYPE html> <html> <head> <title>定义常量并在 HTML 的 JavaScript 中使用</title> </head> <body> <script> // 定义常量 const MY_CONSTANT = 'Hello, World!'; // 在控制台中输出常量 console.log(MY_CONSTANT); // 在 HTML 中使用常量 document.write(MY_CONSTANT); </script> </body> </html> ``` 在这个例子中,我们在脚本标签中使用 `document.write` 输出 `MY_CONSTANT`。这将在 HTML 页面上显示 "Hello, World!"。 ### 回答2: 在原生HTML和CSS技术中,我们可以通过多种方式定义常量,并在HTML的JavaScript中进行引用。 一种常见的方式是使用JavaScript来定义常量,然后在HTML中引用它。我们可以通过在<script>标签内定义一个全局的JavaScript变量来实现这一点。例如,我们可以在HTML文件的<head>部分添加以下代码: ```html <script> const MY_CONSTANT = "这是一个常量"; </script> ``` 在这个例子中,我们定义了一个为MY_CONSTANT的常量,并将其赋值为"这是一个常量"。在需要使用这个常量的地方,我们可以通过在JavaScript代码中引用它来使用。例如,我们可以在<script>标签中的JavaScript函数中使用MY_CONSTANT: ```html <script> function myFunction() { console.log(MY_CONSTANT); } </script> ``` 当我们调用myFunction函数时,它将在控制台打印出"这是一个常量"。 另一种方式是使用HTML的data属性来定义常量,并通过JavaScript中的getAttribute方法进行引用。我们可以将常量值设置为HTML元素的data属性,然后在JavaScript中使用getAttribute方法来获取它。例如,我们可以在一个<div>元素中定义常量: ```html <div id="myDiv" data-my-constant="这是一个常量"></div> ``` 然后,在JavaScript代码中,我们可以使用getAttribute方法来获取这个常量的值: ```html <script> var myConstant = document.getElementById("myDiv").getAttribute("data-my-constant"); console.log(myConstant); </script> ``` 当我们运行这段代码时,它将在控制台打印出"这是一个常量"。 以上是关于如何在原生HTML和CSS技术中单独写一个页面定义常量,并在HTML的JavaScript中进行引用的方法。无论是使用全局JavaScript变量还是HTML的data属性,我们都可以轻松地定义常量并在页面中其他地方使用它。 ### 回答3: 在原生的HTML和CSS技术中,我们无法直接定义常量。HTML和CSS的主要作用是描述和呈现网页的结构和样式,而不是处理数据的逻辑。然而,我们可以通过在HTML页面的JavaScript部分编写代码来模拟常量的效果。 首先,在JavaScript中,我们可以使用`const`关键字创建一个常量。例如,我们想定义一个常量`PI`并赋值为3.14159,可以在JavaScript中写下以下代码: ```html <script> const PI = 3.14159; </script> ``` 然后,我们可以通过在HTML的其他JavaScript部分引用这个常量。例如,在一个click事件处理函数中,我们可以将常量`PI`的值输出到控制台: ```html <script> function handleClick() { console.log(PI); } </script> <button onclick="handleClick()">点击我</button> ``` 这样,当页面加载时,常量`PI`的值将在JavaScript中被定义并存在,我们可以在其他JavaScript代码中使用它。 需要注意的是,这只是一个常量的模拟实现,在JavaScript中我们仍然可以改变它的值。若要实现真正的常量,可以使用ES6引入的`Object.freeze()`方法。例如,我们可以将上面的示例代码修改如下: ```html <script> const constant = Object.freeze({ PI: 3.14159 }); </script> ``` 现在,常量`PI`将无法被改变,确保了其不会被意外修改。但请注意,这只是一种在原生HTML和CSS技术下模拟常量的方法,如果你需要更复杂的数据处理逻辑,可能需要使用其他工具或框架来实现。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值