共 296 篇文章
标签:javascript 第13页
在HTML中设置随机数,我们通常需要使用JavaScript来实现,因为 HTML本身不支持生成随机数的功能,而JavaScript是一种脚本语言,可以在浏览器端执行,从而实现动态的网页效果。,以下是一个简单的示例,展示如何在HTML中使用JavaScript生成一个1到100之间的随机数:,在这个示例中,我们首先在 <head>标签内定义了一个名为 generateRandomNumber的JavaScript函数,这个函数的作用是生成一个1到100之间的随机数,并将其显示在页面上。,接下来,我们在 <body>标签内添加了一个按钮和一个 <p>标签,当用户点击按钮时,会触发 generateRandomNumber函数,从而生成一个随机数并显示在 <p>标签内。,具体来说, generateRandomNumber函数的实现如下:,1、使用 Math.random()函数生成一个0到1之间的随机小数,这个函数不接受任何参数,返回一个介于0(包含)和1(不包含)之间的随机小数。,2、将随机小数乘以100,得到一个0到100之间的随机小数,然后使用 Math.floor()函数将其向下取整,得到一个0到99之间的整数。,3、在结果上加1,得到一个1到100之间的整数,这个整数就是我们想要的随机数。,4、使用 document.getElementById()方法获取 <p>标签的DOM对象,然后调用其 innerHTML属性,将随机数显示在页面上。,通过以上步骤,我们就可以在HTML中生成一个指定范围内的随机数了,需要注意的是,由于 Math.random()函数每次运行时都会生成一个新的随机数,因此每次点击按钮时,生成的随机数都会不同。,除了生成随机数外,JavaScript还提供了许多其他功能,如操作DOM、处理事件、发送网络请求等,通过学习JavaScript,我们可以实现更加丰富和动态的网页效果,为了提高代码的可读性和可维护性,建议遵循一定的编码规范和最佳实践,如使用驼峰命名法、注释代码、保持代码简洁等。, ,<!DOCTYPE html> <html> <head> <title>生成随机数</title> <script> function generateRandomNumber() { var randomNumber = Math.floor(Math.random() * 100) + 1; document.getElementById(“randomNumber”).innerHTML = randomNumber; } </script> </head> <body> <h1>生成一个1到100之间的随机数</h1> <button onclick=”generateRandomNumber()”>点击生成随机数</button> <p id=”randomNumber”></p> </body> </html>,
HTML(超文本标记语言)是一种用于创建网页的标准标记语言,而JavaScript(JS)是一种轻量级的脚本语言,主要用于网页交互和动态效果,在 HTML中编写JavaScript代码,可以让网页具有更好的交互性和动态效果,本文将详细介绍如何在HTML中编写JavaScript代码。,1、使用 <script>标签,在HTML中,可以使用 <script>标签来嵌入JavaScript代码。 <script>标签可以放在 <head>标签内或者 <body>标签内,如果放在 <head>标签内,那么JavaScript代码会在页面加载时执行;如果放在 <body>标签内,那么JavaScript代码会在页面加载完成后执行。,示例:,2、外部JavaScript文件,可以将JavaScript代码保存在一个单独的文件中,然后在HTML文件中通过 <script>标签引入,这样可以更好地组织和维护代码。,创建一个名为 script.js的JavaScript文件,并编写以下代码:,在HTML文件中引入 script.js文件:,3、JavaScript事件处理程序,在HTML中,可以使用JavaScript为HTML元素添加事件处理程序,当用户与HTML元素进行交互时,事件处理程序会被触发,可以为按钮添加一个点击事件处理程序,当用户点击按钮时,弹出一个警告框。,示例:,4、JavaScript操作DOM(文档对象模型),JavaScript可以操作HTML文档的结构、样式和内容,通过DOM API,可以获取、修改和删除HTML元素,可以使用JavaScript获取按钮元素,并为其添加一个事件处理程序。,示例:,5、JavaScript控制样式和内容,通过JavaScript,可以修改HTML元素的样式和内容,可以使用JavaScript修改按钮的文本内容和背景颜色。,示例:, ,<!将JavaScript代码放在<head>标签内 > <!DOCTYPE html> <html> <head> <title>JavaScript示例</title> <script> function sayHello() { alert(“Hello, World!”); } </script> </head> <body> <button onclick=”sayHello()”>点击我</button> </body> </html>,function sayHello() { alert(“Hello, World!”); },<!DOCTYPE html> <html> <head> <title>JavaScript示例</title> <script src=”script.js”></script> </head> <body> <button onclick=”sayHello()”>点击我</button> </body> </html>,<!DOCTYPE html> <html> <head> <title>JavaScript事件处理程序示例</title> <script> function handleClick() { alert(“按钮被点击了!”); } </script> </head> <body> <button onclick=”handleClick()”>点击我</button> </body> </html>,<!DOCTYPE html> <html> <head> <title>JavaScript操作DOM示例</title> <script> function handleClick() { alert(“按钮被点击了!”); } // 获取按钮元素 var button = document.getElementById(“myButton”); // 为按钮添加点击事件处理程序 button.onclick = handleClick; </script> </head> <body> <button id=”myButton”>点击我</button> </body> </html>
在HTML中引入JavaScript文件的方法有多种,以下是一些常见的方法:,1、使用 <script>标签,最简单的方法是在 HTML文件中使用 <script>标签来引入JavaScript文件,将 <script>标签放在HTML文件的 <head>或 <body>部分,然后设置 src属性为JavaScript文件的路径。,在这个例子中,我们在 <head>部分引入了名为 example.js的外部JavaScript文件,然后在 <body>部分编写了一个简单的JavaScript函数 showMessage(),当用户点击按钮时,会弹出一个提示框。,2、使用 <script>标签的异步属性,为了提高页面加载速度,可以将 <script>标签设置为异步属性,这样,浏览器会在解析HTML文档时并行加载JavaScript文件,而不会阻塞页面的渲染,将 async属性添加到 <script>标签中即可:,在这个例子中,我们将 <script src="example.js"></script>修改为 <script async src="example.js"></script>,使得JavaScript文件以异步方式加载,其他部分与上一个例子相同。,3、使用模块化方式引入JavaScript文件,随着JavaScript项目变得越来越复杂,我们可能需要将代码分割成多个模块,为了实现模块化,可以使用ES6的模块语法(如import和export)或者CommonJS规范(如require和module.exports),以下是一个使用ES6模块语法的例子:,在这个例子中,我们在HTML文件中使用了ES6的模块语法(type=”module”),我们使用import语句从名为 example.js的文件中导入了一个名为 showMessage的函数,我们将这个函数绑定到按钮的点击事件上,注意,这里的路径是相对于HTML文件的路径,如果需要引用外部库,可以使用相对路径或绝对路径,import { exampleFunction } from ‘path/to/externallibrary.js’。, ,<!DOCTYPE html> <html> <head> <title>引入JavaScript示例</title> <script src=”example.js”></script> </head> <body> <h1>欢迎来到我的网站!</h1> <p>点击下面的按钮查看效果。</p> <button onclick=”showMessage()”>点击我</button> <script> function showMessage() { alert(‘你好,欢迎访问我的网站!’); } </script> </body> </html>,<!DOCTYPE html> <html> <head> <title>引入JavaScript示例</title> <script async src=”example.js”></script> </head> <body> <h1>欢迎来到我的网站!</h1> <p>点击下面的按钮查看效果。</p> <button onclick=”showMessage()”>点击我</button> </body> </html>,<!DOCTYPE html> <html lang=”en”> <head> <meta charset:”UTF8″> <meta name=”viewport” content=”width=devicewidth, initialscale=1.0″> <title>引入JavaScript模块示例</title> </head> <body> <h1>欢迎来到我的网站!</h1> <p>点击下面的按钮查看效果。</p> <button id=”myButton”>点击我</button> <script type=”module”> import { showMessage } from ‘./example.js’; const button = document.getElementById(‘myButton’); button.addEventListener(‘click’, showMessage); </script> </body> </html>,
在HTML页面中编写JavaScript代码有多种方法,以下是一些常见的方法:,1、内联JavaScript,内联JavaScript是将JavaScript代码直接嵌入到 HTML标签中,这种方法的优点是简单易用,但缺点是代码难以维护和重用。,示例:,2、外部JavaScript文件,将JavaScript代码保存在一个单独的文件中,然后在HTML页面中使用 <script>标签引用该文件,这种方法的优点是代码易于维护和重用,但需要额外的HTTP请求来加载JavaScript文件。,创建外部JavaScript文件( script.js):,在HTML页面中引用外部JavaScript文件:,3、 <noscript>标签,<noscript>标签用于在浏览器不支持或禁用JavaScript时显示内容,这对于为那些使用过时浏览器的用户提供替代内容非常有用。,示例:,4、 <script>标签的位置,将 <script>标签放在 <head>标签内或 <body>标签内都可以,将 <script>标签放在 <body>标签的底部可以确保页面在加载JavaScript之前完全呈现,这有助于提高页面的加载速度和性能。,示例:,将 <script>标签放在 <head>标签内:,将 <script>标签放在 <body>标签的底部:,5、JavaScript事件处理程序,在HTML元素中添加事件处理程序,以便在用户与元素交互时执行特定的JavaScript代码,可以使用 onclick属性为按钮添加一个点击事件处理程序。,示例:,在 script.js文件中添加事件处理程序:, ,<!DOCTYPE html> <html> <head> <title>内联JavaScript示例</title> </head> <body> <h1>我的第一个JavaScript程序</h1> <button onclick=”alert(‘Hello, World!’)”>点击我</button> </body> </html>,function sayHello() { alert(‘Hello, World!’); },<!DOCTYPE html> <html> <head> <title>外部JavaScript示例</title> </head> <body> <h1>我的第一个JavaScript程序</h1> <button onclick=”sayHello()”>点击我</button> <script src=”script.js”></script> </body> </html>,<!DOCTYPE html> <html> <head> <title>NoScript示例</title> </head> <body> <noscript> 您的浏览器不支持JavaScript,请升级您的浏览器以获取更好的体验。 </noscript> <h1>我的第一个JavaScript程序</h1> <button onclick=”sayHello()”>点击我</button> <script src=”script.js”></script> </body> </html>,<!DOCTYPE html> <html> <head> <title>外部JavaScript示例</title> <script src=”script.js”></script> </head> <body> <h1>我的第一个JavaScript程序</h1> <button onclick=”sayHello()”>点击我</button> </body> </html>
在HTML中获取北京时间,我们可以通过JavaScript来实现,JavaScript是一种脚本语言,它可以在浏览器端运行,从而实现网页的动态效果,在本教程中,我们将详细介绍如何使用JavaScript获取北京时间,并将其显示在HTML页面上。,我们需要了解什么是北京时间,北京时间(China Standard Time,简称CST)是中华人民共和国境内采用的统一时间标准,与协调世界时(UTC)相差8小时,在编程中,我们可以使用JavaScript的Date对象来获取当前的日期和时间,然后通过一些计算得到北京时间。,下面是一个简单的示例,展示了如何在HTML页面上显示北京时间:,1、创建一个HTML文件,time.html。,2、在HTML文件中,添加一个 <p>标签,用于显示北京时间:,3、创建一个JavaScript文件,time.js,在这个文件中,我们将编写获取北京时间的代码。,4、在time.js文件中,编写如下代码:,5、将time.html和time.js文件放在同一个文件夹中,然后用浏览器打开time.html文件,即可看到显示的北京时间。,通过以上步骤,我们已经成功地在HTML页面上获取并显示了北京时间,需要注意的是,由于地球自转的原因,北京时间会随着时间的推移而发生变化,如果你想要实时显示北京时间,可以将上述代码放入一个定时器函数中,每隔一段时间执行一次,还可以根据需要对北京时间进行进一步的处理,例如将其转换为12小时制、添加前缀等。,,<!DOCTYPE html> <html lang=”zh”> <head> <meta charset=”UTF8″> <title>获取北京时间</title> </head> <body> <p id=”beijingTime”></p> <script src=”time.js”></script> </body> </html>,// 获取当前日期和时间 var now = new Date(); // 获取UTC时间戳(以毫秒为单位) var utcTimestamp = now.getTime() + (now.getTimezoneOffset() * 60000); // 将UTC时间戳转换为北京时间(以毫秒为单位) var beijingTimestamp = utcTimestamp + (8 * 60 * 60 * 1000); // 将北京时间转换为Date对象 var beijingTime = new Date(beijingTimestamp); // 获取年、月、日、时、分、秒 var year = beijingTime.getFullYear(); var month = beijingTime.getMonth() + 1; // JavaScript中的月份从0开始,所以需要加1 var day = beijingTime.getDate(); var hours = beijingTime.getHours(); var minutes = beijingTime.getMinutes(); var seconds = beijingTime.getSeconds(); // 格式化输出北京时间 var timeString = year + “年” + month + “月” + day + “日 ” + hours + “:” + minutes + “:” + seconds; // 将北京时间显示在HTML页面上 document.getElementById(“beijingTime”).innerHTML = timeString;,
获取子窗口的元素HTML,通常涉及到两个步骤:你需要打开子窗口;你可以使用JavaScript来获取子窗口的元素HTML,这个过程可能会因为浏览器的同源策略而变得复杂,但是你可以通过一些技术手段来解决这个问题。,以下是详细的步骤和代码示例:,1、打开子窗口:你可以使用 window.open()方法来打开一个新的窗口或者子窗口,这个方法接受三个参数:窗口的目标URL,窗口的名称(可选),以及一个表示窗口特性的字符串(可选),你可以使用以下代码来打开一个新的窗口:,2、获取子窗口的元素HTML:由于浏览器的同源策略,你不能直接从父窗口访问子窗口的元素,你可以通过在子窗口中运行JavaScript代码来获取元素HTML,你需要在子窗口中执行一个函数,该函数返回元素的HTML,你可以在父窗口中调用这个函数并获取返回的HTML,你可以使用以下代码来实现这个过程:,3、处理跨域问题:由于浏览器的同源策略,你可能会遇到跨域问题,如果你尝试从一个域名访问另一个域名的资源,浏览器会阻止这个操作,为了解决这个问题,你可以使用CORS(跨源资源共享)或者JSONP(JSON with Padding),CORS是一种机制,它允许服务器指定哪些资源可以被其他域名访问,JSONP是一种技术,它通过动态插入 <script标签来绕过同源策略,你可以使用以下代码来使用JSONP获取子窗口的元素HTML:,在这个例子中, http://www.example.com/getHtml是子窗口的URL, callback=是一个查询参数,它告诉服务器回调函数的名字,服务器应该将元素的HTML包装在一个名为 callback的函数调用中,然后将结果发送回父窗口,父窗口的 callback函数将被调用,并接收到元素的HTML作为参数。,以上就是获取子窗口的元素HTML的基本步骤和代码示例,请注意,由于浏览器的安全限制,这个过程可能会受到一些限制,你应该始终确保你的代码符合浏览器的安全策略,并且尊重用户的隐私和数据安全。, ,var childWindow = window.open(‘http://www.example.com’, ‘_blank’);,// 在子窗口中定义一个函数,该函数返回元素的HTML childWindow.document.write(‘<script>function getHtml() { return document.documentElement.outerHTML; }</script>’); // 在父窗口中调用子窗口中的函数并获取返回的HTML var html = childWindow.getHtml();,// 创建一个回调函数,该函数将在子窗口中被调用并接收元素的HTML作为参数 var callback = function(html) { console.log(html); }; // 使用JSONP请求子窗口的元素HTML var script = document.createElement(‘script’); script.src = ‘http://www.example.com/getHtml?callback=’ + callback; document.body.appendChild(script);,
在Web开发中,超链接是一种非常重要的元素,它允许用户从一个页面跳转到另一个页面,在HTML中,我们可以使用 <a>标签来创建超链接,有时候我们可能需要使用JavaScript来动态地给HTML元素添加超链接,本文将详细介绍如何使用JavaScript给HTML元素添加超链接的方法。,我们需要了解 <a>标签的基本属性:,1、 href:这是一个必需的属性,用于指定链接的目标URL。,2、 target:这是一个可选的属性,用于指定链接在哪个窗口或框架中打开,默认值是 _self,表示在当前窗口中打开链接,其他常见的值有 _blank(在新窗口中打开链接)和 _parent(在父框架中打开链接)。,3、 rel:这是一个可选的属性,用于指定链接与当前文档的关系。 noopener可以防止链接的页面访问window对象的opener属性,从而防止跨站脚本攻击(XSS)。,4、 download:这是一个可选的属性,用于指定下载链接的文件名,当用户点击链接时,浏览器会尝试下载指定的文件。,5、 hreflang:这是一个可选的属性,用于指定链接的语言代码,这有助于搜索引擎了解链接的目标内容的语言。,6、 media:这是一个可选的属性,用于指定媒体查询条件,当满足这些条件时,链接才会生效。,7、 type:这是一个可选的属性,用于指定资源的MIME类型,这有助于浏览器正确解析资源。,8、 id、 class等:这些属性用于给链接添加样式和与其他元素交互。,接下来,我们将介绍如何使用JavaScript给HTML元素添加超链接的方法:,1、选择目标元素:我们需要使用JavaScript选择目标元素,可以使用 document.querySelector()或 document.getElementById()方法来实现,如果我们想要给一个具有ID为 myLink的元素添加超链接,可以使用以下代码:,2、创建超链接:接下来,我们需要创建一个 <a>元素,并设置其属性,可以使用 createElement()方法来创建一个新的 <a>元素,然后使用 setAttribute()方法来设置其属性,我们可以使用以下代码创建一个指向Google的超链接:,3、将超链接添加到目标元素:我们需要将创建的超链接添加到目标元素,可以使用 appendChild()或 insertBefore()方法来实现,我们可以使用以下代码将超链接添加到目标元素:,或者:,4、更新目标元素的文本内容:如果需要的话,我们可以更新目标元素的文本内容以显示超链接的文本,可以使用 textContent属性来实现,我们可以使用以下代码将目标元素的文本内容设置为“点击这里访问Google”:,我们可以使用以下代码实现给HTML元素添加超链接的功能:,这样,我们就成功地使用JavaScript给HTML元素添加了超链接,需要注意的是,这种方法适用于任何支持JavaScript的浏览器,对于不支持JavaScript的浏览器,用户将无法看到超链接,在使用这种方法时,请确保同时提供HTML中的静态超链接作为备选方案。, ,var element = document.getElementById(‘myLink’);,var a = document.createElement(‘a’); a.setAttribute(‘href’, ‘https://www.google.com’); a.setAttribute(‘target’, ‘_blank’);,element.appendChild(a);,element.parentNode.insertBefore(a, element.nextSibling);,element.textContent = ‘点击这里访问Google’;
在计算机编程中,模块(Module)和嵌入式(Embed)是两个重要的概念,模块是指一个独立的功能单元,它可以被其他程序或模块引用和调用,嵌入式则是指将一个程序或模块嵌入到另一个程序或系统中,使其成为系统的一部分,这两个概念在不同的领域和场景中有不同的应用,如前端开发、后端开发、操作系统等,本文将重点介绍JavaScript中的模块(Module)和嵌入式(Embed)的使用方法。,1、创建模块, ,在JavaScript中,可以使用 export关键字来导出模块的公共接口,使用 import关键字来导入其他模块的内容。,2、导出默认值,有时,我们希望导出一个函数或变量作为默认值,这时,可以在 export语句后面加上一个空对象 {},然后在其中定义需要导出的属性。,3、导出命名默认值, ,有时,我们希望导出一个具有特定名称的默认值,这时,可以在 export语句后面加上一个对象,其中键为导出的属性名,值为对应的属性值。,1、将代码嵌入HTML页面中,在HTML页面中,可以使用 <script>标签将JavaScript代码嵌入到页面中。,2、将代码嵌入Node.js应用程序中, ,在Node.js应用程序中,可以使用 require()函数将外部JavaScript文件引入到当前模块中。,Go 1.16中的新特性module和embed的使用,其中module是用于创建包的,而 embed则是用于将静态资源文件打包进编译好的程序中,并提供访问这些文件的能力。
在HTML中,我们无法直接获取JavaScript数据类型,我们可以通过一些方法间接地判断数据类型,以下是一些常用的方法:,1、使用 typeof操作符,typeof操作符是JavaScript中的一个内置函数,用于返回一个表示变量类型的字符串,我们可以将这个字符串与预期的数据类型进行比较,从而判断变量的类型。,示例代码:,2、使用 instanceof操作符,instanceof操作符用于检查一个对象是否属于某个构造函数的实例,我们可以利用这个方法来判断变量是否属于某个特定的数据类型。,示例代码:,3、使用 Object.prototype.toString.call()方法,Object.prototype.toString.call()方法可以返回一个表示对象的类型的字符串,我们可以将这个字符串与预期的数据类型进行比较,从而判断变量的类型,需要注意的是,这个方法对于数组和null的处理方式与 typeof操作符不同。,示例代码:,通过以上三种方法,我们可以在HTML中间接地获取JavaScript数据类型,需要注意的是,这些方法并不是完全可靠的,因为它们受到JavaScript引擎的影响,在某些情况下,它们可能会返回错误的结果,在使用这些方法时,我们需要根据实际需求进行判断。, ,function getDataType(value) { return typeof value; } var num = 123; var str = ‘hello’; var bool = true; var obj = {}; var arr = []; var undef; var nul = null; console.log(getDataType(num)); // “number” console.log(getDataType(str)); // “string” console.log(getDataType(bool)); // “boolean” console.log(getDataType(obj)); // “object” console.log(getDataType(arr)); // “object”(数组也是对象) console.log(getDataType(undef)); // “undefined” console.log(getDataType(nul)); // “null”,function isInstanceOf(value, type) { return value instanceof type; } var num = 123; var str = ‘hello’; var bool = true; var obj = {}; var arr = []; var undef; var nul = null; console.log(isInstanceOf(num, Number)); // true console.log(isInstanceOf(str, String)); // true console.log(isInstanceOf(bool, Boolean)); // true console.log(isInstanceOf(obj, Object)); // true console.log(isInstanceOf(arr, Array)); // true(数组也是对象) console.log(isInstanceOf(undef, undefined)); // true console.log(isInstanceOf(nul, null)); //...
在HTML中,我们可以通过多种方式获取JavaScript数据,以下是一些常见的方法:,1、通过内联JavaScript,在 HTML文件中,我们可以使用 <script>标签将JavaScript代码嵌入到HTML中,这样,我们可以在JavaScript代码中直接访问HTML元素和属性。,在这个例子中,我们创建了一个按钮,当用户点击按钮时,会触发 showData函数,在该函数中,我们使用 document.getElementById方法获取ID为 title的HTML元素,然后通过 innerHTML属性获取元素的文本内容,并弹出一个警告框显示标题文本。,2、通过外部JavaScript文件,我们可以将JavaScript代码放在一个单独的文件中,然后在HTML文件中引用该文件,这样可以更好地组织和维护代码。,创建一个名为 main.js的外部JavaScript文件,内容如下:,在HTML文件中,我们可以使用 <script src>标签引用外部JavaScript文件:,3、通过事件监听器获取数据,我们还可以使用事件监听器从用户交互(如点击、键盘输入等)中获取数据,我们可以为按钮添加一个事件监听器,当用户点击按钮时,执行一个函数来获取数据:,在这个例子中,我们创建了一个输入框和一个按钮,当用户点击按钮时,会触发 getUserInput函数,在该函数中,我们使用 document.getElementById方法获取ID为 userInput的HTML元素,然后通过 value属性获取用户输入的文本内容,并弹出一个警告框显示输入的名字。,4、通过DOM操作获取数据,除了直接访问HTML元素和属性外,我们还可以使用DOM(文档对象模型)操作来获取数据,我们可以使用 querySelector和 querySelectorAll方法来选择特定的HTML元素:, ,<!DOCTYPE html> <html> <head> <title>获取JavaScript数据</title> </head> <body> <h1 id=”title”>欢迎来到我的网站</h1> <button onclick=”showData()”>点击我</button> <script> function showData() { var titleElement = document.getElementById(“title”); var titleText = titleElement.innerHTML; alert(“标题文本是:” + titleText); } </script> </body> </html>,function showData() { var titleElement = document.getElementById(“title”); var titleText = titleElement.innerHTML; alert(“标题文本是:” + titleText); },<!DOCTYPE html> <html> <head> <title>获取JavaScript数据</title> <script src=”main.js”></script> </head> <body> <h1 id=”title”>欢迎来到我的网站</h1> <button onclick=”showData()”>点击我</button> </body> </html>,<!DOCTYPE html> <html> <head> <title>获取JavaScript数据</title> </head> <body> <h1 id=”title”>欢迎来到我的网站</h1> <input type=”text” id=”userInput” placeholder=”请输入您的名字”> <button onclick=”getUserInput()”>提交</button> <script> function getUserInput() { var userInputElement = document.getElementById(“userInput”); var userInputText = userInputElement.value; alert(“您输入的名字是:” + userInputText); } </script> </body> </html>,<!DOCTYPE html> <html> <head> <title>获取JavaScript数据</title> </head> <body> <h1 class=”headertitle”>欢迎来到我的网站</h1> <p class=”contenttext”>这是一个简单的示例网站。</p> <button onclick=”getHeaderTitle()”>获取标题</button> <button...