如何在字符串中嵌入变量？当前代码无法正常渲染base变量

嘿，这问题很常见啦——你现在的代码里，字符串里的(base)就是个普通文本字符串，JavaScript根本不知道要把它替换成base变量的值，所以页面才会显示(base)而不是你的网站URL。

给你两种可行的解决办法：

方法1：使用ES6模板字符串（推荐） #

模板字符串用反引号（`）包裹，变量可以直接用${变量名}的形式插入，写法简洁又清晰：

var base = window.location.href; // 用href属性拿到完整的URL，比直接用window.location更稳妥
str = `<p><b style="color:red;">${base}</b></p>`;

方法2：传统字符串拼接（兼容旧环境） #

如果你的项目需要兼容不支持ES6的老浏览器，可以用加号把变量和字符串片段拼起来：

var base = window.location.href;
str = '<p><b style="color:red;">' + base + '</b></p>';

这样修改后，页面上就会显示红色的当前页面URL（也就是你预期的http://mywebsite.com这类地址）啦！

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