如何用JavaScript创建可跳转至新闻文章的网页按钮？

看起来你的JavaScript代码存在几个语法和逻辑问题，导致跳转功能没生效——这和CSS没关系哦，主要是JS与HTML的配合出了问题。咱们一步步来修正：

你的代码问题分析 #

• 你写的var button = 'button'只是定义了一个字符串，并没有获取到页面上的按钮DOM元素
• 代码里多了一个多余的闭合大括号}
• 没有给按钮绑定点击事件监听，所以点击按钮时根本不会触发跳转逻辑

正确的实现方案 #

首先要在HTML里创建按钮元素，再用JavaScript获取它并绑定点击事件：

完整代码示例

<!-- HTML部分：先创建按钮 -->
<button id="newsJumpBtn">查看新闻文章</button>

<!-- JavaScript部分：绑定点击事件 -->
<script>
  // 获取页面上的按钮元素
  const newsBtn = document.getElementById('newsJumpBtn');
  
  // 给按钮添加点击事件监听
  newsBtn.addEventListener('click', function() {
    // 点击后跳转到目标新闻页面
    window.location.href = 'http://www.example.com';
  });
</script>

简化写法（小场景可选） #

如果是简单页面，也可以用内联事件直接写在按钮上（不推荐在复杂项目中大量使用）：

<button onclick="window.location.href='http://www.example.com'">查看新闻文章</button>

关键提醒 #

• 要确保JS代码在按钮元素之后加载，或者放在DOMContentLoaded事件里，避免出现"找不到按钮元素"的错误
• window.location.href是修改页面跳转的标准写法，比直接赋值window.location更清晰易读

内容的提问来源于stack exchange，提问作者user9566521