模板字符串碰到script无法识别

最新推荐文章于 2023-09-23 20:17:04 发布
最新推荐文章于 2023-09-23 20:17:04 发布
阅读量849 收藏 1
点赞数 2
分类专栏： 前端 文章标签： vue js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41656074/article/details/121115253
版权

 

我们在上图中可以看到模板字符串加入了script标签后会报错

原因：运行JS的时候由上至下，先识别模板字符串里面的script标签，会认为标签结束了，所以后面会报错(其实和字符串里面无法放script标签是一个道理)

解决办法：利用转义字符  “\”

 

SyronChoo
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
详解JavaScript ES6中的模板字符串
12-10
在 ES6 中引入了一种新的字符串字面量 — 模板字符串，除了使用反引号 (`) 表示，它们看上去和普通的字符串没有什么区别。在最简单的情况下，他们就是普通的字符串： context.fillText(`Ceci n'est pas une cha?ne...
ES6学习教程之模板字符串详解
11-26
模板字符串(template strings) ES6 中引进的一种新型的字符串字面量语法 – 模板字符串。书面上来解释，模板字符串是一种能在字符串文本中内嵌表示式的字符串字面量。简单来讲，就是增加了变量功能的字符串。 ES6为...
存档：字符串里面含有＜script＞＜/script＞，报错
中等偏下
09-08 757
js中字符串中含有<script></script>，老是报错，找了各种办法 例如： data () { return { code: '<template><div>{{message}}</div></template><script>export default {data() {return {message: "ok"}}}</script>' } } 解决办法
ES6模板字符串不识别script标签
天空影
03-22 2661
做项目的时候用到了ES6的模板字符串，然后我就想直接在里面写js，然后就写了&lt;script&gt;&lt;/script&gt;,然后在这里面写js代码，结果发现竟然报错了，然后才知道没有转义&lt;/script&gt;这个标签，所以如果想要使用的话应该这样写 ` &lt;script&gt; //js代码 &lt;\/script&gt; ` ...
【解决】IntelliJ IDEA无法识别package.json里面定义的脚本问题（npm: No scripts found）
爱喝星冰乐的博客
06-19 712
在File-Settings-Editor-File Types，右边找到JSON，在File name patterns中添加了*.json,然后就识别了。错误提示：npm: No scripts found。
使用IntelliJ IDEA调试java script脚本出现错误提示
David_xtd的专栏
02-13 9273
问题： 在IntelliJ IDEA 13.0.2中新建了一个网页文件numbers.html，浏览器选择为Google chrome，使用Run -> Debug... 来启动调试， 跳出错误提示： Waiting for connection from JetBrains IDE support extension 点击IDEA 13.0.2中的高亮链接试图进行安装，但有新的错误提示：
深入浅出es6模板字符串
08-29
深入浅出ES6模板字符串 ES6模板字符串是ECMAScript 6（简称ES6）中引入的一种新的语法特性，用于解决字符串拼接的问题。在ES6之前，我们通常使用字符串拼接的方式来组装HTML，例如： $('#result').append('There ...
IntelliJ IDEA 无法识别 package.json 里面定义的脚本
专栏
02-18 1614
IntelliJ IDEA 无法识别 package.json 里面定义的脚本
字符串的解读和标签模板
分享互联网的有趣知识~
12-04 1043
es6字符串的扩展，字符串的编译以及是怎么样将Unicode 转换为字符串的。字符串的标签模板的遍历过程以及是如何通过编译将最终结果展现出来的。
解决：IDEA不能识别*.js文件
07-17 3045
在进行IDEA进行前端开发时，必不可少的会用到JavaScripts，在进行*.js文件时，发现其不识别，为文本样式。Setting-->Editor-->FileTypes-->JavaScript-->填写*.js。这样.js文件就有相应的显示。
IDEA开发工具自身问题导致代码无法识别解决办法
u014748504的博客
01-14 1507
今天不知道什么问题导致IDEA报无法找到 XXXMapper 类对象，百思不得其解，找了不少方法，之前安装的有MybatisCodeHelperCheck插件，以为是这个插件勾选的选项多了，导致提示显示出来，另外又进行了一系列的Maven clean package install等等， 还是无法解决问题，最后跟同事一起研究，发现是IDEA自身缓存导致的，解决方法： 对于需要使用重启或者清理缓存来解决一些自己也不知道的问题，抱着可能就试一试。奈何IDEA的清理缓存并不在run下，而是在File下。如图.
已解决---IDEA，编写HTML代码时script标签内代码无高亮
weixin_41655859的博客
09-23 702
如果要在IDEA中编写含有script标签的HTML文件，则必须需要JavaScript and TypeScript这个插件。然后，在本地IDEA的plugins里面搜索却没有这个插件，去Jetbrains官网（所以，还是老老实实下载Ultimate版本的IDEA吧，虽然之后需要破解~）下载该插件，才知道该插件与社区版的IDEA并不兼容，如下。这个问题的解决还是要得益于这篇博文以及其评论对我的启发。
IDEA不能正常加载js代码
weixin_45156514的博客
05-17 611
原因： IDEA对于js代码的兼容性较差，导致出现页面点击按钮无反应、无法正常访问页面的情况。 解决： clean-install 2.清除缓存
IDEA无法识别复制的模块代码解决方法
Canpliy的专栏
03-16 1201
IDEA无法识别复制的模块代码解决方法
idea中＜script＞标签引入vue.js后依然显示错误或没有高亮显示
what_FFFF的博客
09-22 1616
idea中标签引入vue.js后依然显示错误或没有高亮显示
解决idea中的js版本过低问题（js代码识别错误）
挣钱买房买车的博客
08-20 1552
解决idea中的js版本过低问题（js代码识别错误）
jsp页面javascript没反应
悢七的CSDN博客
06-04 2094
检查各个参数名，一定要一一对应上。 2. 不用的参数或语句一定要删掉或注释掉。 3. 注意{}，两两对应，还要检查括回的逻辑对不对。 另外，在jsp页面加入js和css文件的方法： <head> <meta charset="utf-8" /> <base href="<%=basePath%>"> <title>Firstly用户注册</title> <script type="text/javascr...
解决SSM框架静态资源(js,css,image)无法加载的问题(script > 加载失败)
文戌
03-14 2043
 首先验证自己的路径是否写错,按住ctrl键,点击你填写的路径,如果显示cannot find******,无法跳转到文件的话,说明你的路径写的有问题,自己通过加…/来解决即可,如果自己的路径填写无误,那么再使用下面的几种方法. 方法一 : springmvc的配置中添加静态资源过滤 <mvc:default-servlet-handler/> 或者 <mvc:resou...
普通字符串和模板字符串区别
最新发布
06-25
普通字符串和模板字符串（也称为模板字面量）在JavaScript中有一些主要的区别： 1. **语法差异**： - 普通字符串使用双引号（"...") 或单引号('...')包围文本，例如 `var str = "Hello, World!";` - 模板字符串...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值