使用 JavaScript 实现按钮点击跳转

如果阮小妍学姐希望在点击网页上的按钮时跳转到 'https://sast.fun',可以使用 JavaScript 的 window.location.href 属性来实现。

以下是实现该功能的 JavaScript 代码:

const button = document.querySelector('button'); // 选择页面上的按钮元素

button.addEventListener('click', function() {
  window.location.href = 'https://sast.fun';
});

代码说明:

  1. const button = document.querySelector('button');: 这行代码首先使用 document.querySelector('button') 选择了页面上的按钮元素。请确保将 'button' 替换为实际按钮的 CSS 选择器,例如按钮的 ID 或类名。
  2. button.addEventListener('click', function() { ... });: 这行代码为按钮添加了一个点击事件监听器。当按钮被点击时,括号内的函数将会被执行。
  3. window.location.href = 'https://sast.fun';: 这行代码将 window.location.href 属性设置为目标链接 'https://sast.fun',从而实现页面跳转。

阮小妍学姐可以将这段代码添加到 HTML 文件的 <script> 标签中,或者将其保存为一个独立的 JavaScript 文件,并在 HTML 文件中引用。


原文地址: https://www.cveoy.top/t/topic/UKX 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录