首页javascript做一个按钮，跳转自己的名字

javascript做一个按钮，跳转自己的名字

时间: 2024-10-13 08:05:52 浏览: 23

在JavaScript中，你可以创建一个HTML按钮，并通过JavaScript的`window.location.href`属性来实现点击后跳转到指定的URL。如果你想要跳转到当前页面上按钮的名称对应的链接，可以先在页面加载时设置这个URL。这里是一个简单的例子： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>按钮跳转示例</title> </head> <body> <button id="myButton" onclick="redirect()">我的名字</button> <script> function redirect() { var buttonName = document.getElementById("myButton").textContent; // 获取按钮文本 window.location.href = "javascript:void(0);" + encodeURIComponent(buttonName); // 使用encodeURIComponent处理特殊字符 } </script> </body> </html> ``` 在这个例子中，当用户点击按钮时，会触发`redirect()`函数，该函数获取按钮的文字内容并转换为URL查询字符串。然后，它会跳转到一个新的URL，其地址格式为`javascript:void(0)`后面跟着编码过的按钮名，这样浏览器不会真的导航离开当前页面。

阅读全文