如何修改JS实现按小时跳转页面并在新窗口打开,且替换为图片链接?
解决方法
直接用模板字符串重构代码,能避免引号嵌套的坑,同时实现图片链接+新窗口打开的需求,代码简洁:
const rightNow = new Date(); document.write(`<a href="${rightNow.getHours()}.html" target="_blank"><img src="你的图片路径" alt="NON PASSKEY ENTRANCE"></a>`);
关键说明:
- 模板字符串(反引号
`)可以直接在字符串里嵌入变量和HTML,不用再拼接字符串,彻底避免引号转义错误——这就是你之前加target后页面失效的核心原因,之前的双引号嵌套导致语法解析失败。 target="_blank"强制链接在新窗口打开,属性写法要和外层字符串的引号区分开,模板字符串里用双引号完全没问题。- 把原有的文本替换成
<img>标签,替换src的值为你的实际图片地址,alt保留原提示文本,保证可访问性。
如果需要兼容更老的浏览器(不支持ES6模板字符串),可以用单引号包裹HTML,内部属性用双引号:
var rightNow = new Date(); document.write('<a href="' + rightNow.getHours() + '.html" target="_blank"><img src="你的图片路径" alt="NON PASSKEY ENTRANCE"></a>');
内容的提问来源于stack exchange,提问作者rma45
相关产品推荐
相关产品推荐

