如何通过JavaScript实现点击站内图片跳转至现有页面且不打开新窗口

可点击图片实现同站点页面跳转的实现方案 #

你可以通过给图片绑定点击事件的方式实现需求，参考代码如下：

<!-- 内联事件写法 -->
<img 
  src="你的图片资源路径" 
  alt="跳转功能说明" 
  onclick="window.location.replace('目标页面的相对路径')"
  style="cursor: pointer"
>

• 注意事项：
  • 新增cursor: pointer样式可以让图片hover时显示手型光标，符合可点击元素的交互认知
  • 如果你需要用户点击跳转后可以通过浏览器返回按钮回到原页面，可以把window.location.replace替换为window.location.href = '目标页面的相对路径'

如果偏好非内联的事件绑定写法，也可以用以下方式：

// 先给对应图片设置id为jump-img
document.querySelector('#jump-img').addEventListener('click', function() {
  window.location.replace('目标页面的相对路径')
})

Stack Exchange旧回答投票箭头找不到的解决方法 #

• 首先确认你已经登录了你的Stack Exchange账号，未登录状态下不会展示投票相关控件
• 确认你打开的是回答的完整详情页，不是搜索结果摘要、用户主页的回答预览模块，只有完整详情页才会在回答左侧显示投票区域
• 部分发布时间过久、被标记为关闭/归档的帖子可能会限制普通用户的投票权限，这种情况无法进行投票操作
• 你可以通过账号浏览历史、搜索回答关键词+发布者用户名donuts的方式定位到原始回答详情页，进入后即可看到左侧的向上投票箭头

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