使用 JavaScript 实现按钮跳转到指定页面
使用 JavaScript 实现按钮点击跳转
如果阮小妍学姐希望在点击网页上的按钮时跳转到 'https://sast.fun',可以使用 JavaScript 的 window.location.href 属性来实现。
以下是实现该功能的 JavaScript 代码:
const button = document.querySelector('button'); // 选择页面上的按钮元素
button.addEventListener('click', function() {
window.location.href = 'https://sast.fun';
});
代码说明:
const button = document.querySelector('button');: 这行代码首先使用document.querySelector('button')选择了页面上的按钮元素。请确保将'button'替换为实际按钮的 CSS 选择器,例如按钮的 ID 或类名。button.addEventListener('click', function() { ... });: 这行代码为按钮添加了一个点击事件监听器。当按钮被点击时,括号内的函数将会被执行。window.location.href = 'https://sast.fun';: 这行代码将window.location.href属性设置为目标链接 'https://sast.fun',从而实现页面跳转。
阮小妍学姐可以将这段代码添加到 HTML 文件的 <script> 标签中,或者将其保存为一个独立的 JavaScript 文件,并在 HTML 文件中引用。
原文地址: https://www.cveoy.top/t/topic/UKX 著作权归作者所有。请勿转载和采集!