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

最新推荐文章于 2024-07-31 14:11:01 发布
最新推荐文章于 2024-07-31 14:11:01 发布
阅读量3k 收藏
点赞数
分类专栏： Javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/niesiyuan000/article/details/79140732
版权


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

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

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




打个广告：淘宝天猫内部优惠群，加我微信拉你进群18801014156


niesiyuan000
关注
专栏目录
【OpenHarmony4.1 之 U-Boot 2024.07源码深度解析】006 - Makefile 编译脚本 逐行深度解析
|~~~热爱生活、努力学习的小伙汁~~~|
06-15 552
【OpenHarmony4.1 之 U-Boot 2024.07源码深度解析】006 - Makefile 编译脚本 逐行深度解析
Jenkins实现持续集成中的那些坑
热门推荐
chndata的专栏
04-03 2万+
小伙伴在《这些年我们一起搞过的持续集成~Jenkins+Perland Shell script》中详细介绍了优化后的job流，接下来总结一下在构建这一套job中遇到的Shell  Script和Jenkins的问题。 1.      比较两个文件后有特殊字符 解决方法：过滤特殊字符 -------------1) [annzan@vm10226address]$ diff curre
存档：字符串里面含有＜script＞＜/script＞，报错
中等偏下
09-08 822
js中字符串中含有<script></script>，老是报错，找了各种办法 例如： data () { return { code: '<template><div>{{message}}</div></template><script>export default {data() {return {message: "ok"}}}</script>' } } 解决办法
JavaScript 字符串模板
最新发布
爱敲代码的卡拉米的博客
07-31 460
符串的简单方法,该方法称为字符串插值${...}用真实值自动替换变量称为。多行字符串模板字面量允许多行字符串。提供了一种将变量和表达式插入字。
html通过模板字符串写入script标签
q879936814的博客
11-05 808
一般的方法我们都是用document.body.innerHtml = `` 但是经过测试，只对html有效，script不会执行。 使用document.write(``)即可解决！ 注意在模板字符串中，script标签要这么写 <script><\/script>
jsp 的 el 表达式和 es6 模板字符串语法冲突解决
艾斯比
04-19 1350
jsp 的 el 表达式和 es6 模板字符串语法都是 ${} 的形式, 在 jsp 文件中, 会优先认为是 el 表达式. 我们可以使用以下方式解决冲突 在 jsp 文件 使用反斜线 \ 转义, 例如要输出 js 变量 username 的值, 那么使用 \${username} 这种形式 使用字符串包裹, 外面会被认为是 el 表达式, 里面会认为是普通字符串, 例如 ${'${username}'} 在 js 文件 单独的 js 文件, java 的 jsp 引擎只会解析 jsp /jspx 文
Vue 模板字符串碰到script无法识别，报错Parsing error: Unterminated template.
vanora1111的博客
10-18 920
Vue 模板字符串碰到script无法识别
ES6模板字符串不识别script标签
天空影
03-22 2683
做项目的时候用到了ES6的模板字符串，然后我就想直接在里面写js，然后就写了&lt;script&gt;&lt;/script&gt;,然后在这里面写js代码，结果发现竟然报错了，然后才知道没有转义&lt;/script&gt;这个标签，所以如果想要使用的话应该这样写 ` &lt;script&gt; //js代码 &lt;\/script&gt; ` ...
ES6之模板引擎&&字符串模板x-template
weixin_45492145的博客
10-22 247
在js里面，经常需要使用js往页面中插入html内容 写过一点前端的都会碰到需要使用JS字符串拼接HTML元素然后append到页面DOM树上的情况。一般的写法都是使用+号以字符串的形式拼接，如果html很短还好说，但是遇到描述里面的这么大段，直接用字符串存储会很困难，因为不光要处理单引号，还需要很多「+」号把字符串一个个连接起来，十分的不方便。 比如有的时候需要使用弹出框的时候手动使用字符串拼接...
【JavaScript】数据类型
南栀的博客
05-10 1443
数据类型
FreeMarker常见错误
kakakai110的专栏
06-02 1317
FreeMarker、指令、标签、break、List
“＜/script＞“报错
Rocky balboa
03-29 1742
今天写代码的时候，发现当html转成html字符串时，就是下面这种 但是在写"</script>"这句话时一直报错 原因 因为浏览器只要在内嵌的script标签代码中遇到这几个字符就会认为是当前script标签的结束标签。 也就是 var ss=" 是js代码部分。 后面的 "; console.log(ss); 就不是js代码部分了。会当成普通文字显示在页面上。 这样var ss=" 代码就是语法错误（引号没有闭合） 改成</script>就不会被认为是script标签的结束标签。
javascript里为什么不能把＜/script＞放到字符串里
qq_19306197的博客
05-11 215
原因：因为代码里面也有</script>在后面，所以会发现这个关键词，就结束了。将str +=" </script>";改为str =" <Vscript>";
javaScript二 HTML中的JavaScript
xxh20171777的博客
01-25 237
文章目录一、使用script元素1.script元素下有8个属性:2.转义字符3.src与外部域文件4.标签位置5.推迟执行脚本6.异步执行脚本7.动态加载脚本二、行内代码与外部文件1.使用外部文件的优点2.优化三、文档模式四、noscript元素 一、使用script元素 1.script元素下有8个属性: async 可选，表示应该立即开始下载脚本，但不能阻止其他页面动作，比如下载资源或等待其他脚本的下载。只对于外部的脚本文件有效 。 charset,用的少，表示使用src属性值的时候，指定的代码字
解决Vue template中无法使用script标签的问题
阿锦的博客
12-17 6304
文章目录问题背景 问题背景 在公司写了个网页，网站运营搞起来了流量还不错，于是老板叫我们在网站中各个位置中插入广告位，谷歌提供的广告位大概长这样： <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=xxx" crossorigin="anonymous"></script> <!-- HomeTop_square --> <ins
script标签问题
m0_37158404的博客
10-14 865
原因是：javascript代码中只要出现了“”，无论是在引号中还是在注释中都会被认为是script标签的结束。于是给字符串中 前面部分就会因缺少后引号而报语法错误。图中代码，提示错误：Unterminated string literal. （未终止的字符串文字。解决方法2：用acill字符 \x3c 代替
es6--模板字符串
小白小白从不日别的博客
05-27 941
1.什么是模板字符串 模板字符串由一般字符串的单引号('')或双引号("")变为反引号(``) <script> //一般字符串 const str1 = 'female'; const str2 = "male"; // 模板字符串 const str3 = `age`; </script> 模板字符串与一般字符串的区别 模板字符串由一般字符串的单引号('')或双引号("")变为反引.
反引号 模板字符串 的使用
富在术数不在劳身,利在势局不在力耕。
09-08 313
<script> // 模板字符串，之前用的都是单引号或者是双引号，这个用的是反引号 // 声明 let str = `新的字符串引用方式`; console.log(typeof str); // 正常情况下，单引号和双引号之间是不允许换行的 // 下面的写法是错误的，换行是不允许的 /*let country = ' <div>china</div> <div>america</div> ';*/ // 如果用模板的话就..
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值