Web 开发时常会遇到 链接中调用JS操作，如：

<a href="#" onclick="showName('donhwa')">查看名字</a>

这里的名字  donhwa ，偶尔会带有 单引，或双引，或兼有之。 这时，又要如何调整才不会暴脚本感叹号呢？ 也许你我都经常遇到，偶尔调整一阵可以了就这样过了，没有总结下来。

下面是整理了一下的结果，记录一下。

web前端入门到实战：HTML-JS中的单双引混合处理原则_第1张图片






        HTML-JS中的单双引混合处理-[by www.cnblogs.com/donhwa]

        





        


                
HTML-JS中的单双引混合处理-[by www.cnblogs.com/donhwa]


                


                        情形一：无符号内容

                        


                                Html双引，JS单引

                                Html单引，JS双引

                        


                


                


                        情形二：含单引及双引内容


                        


                        Html双引，JS单引包装

                        单引转义，双引编码

                        Html单引，JS双引包装

                        双引转义，单引编码

                        


                


                


                        情形三：Html 无引


                        Html无引，内容无空格尽量不要用无引方式

                        Html无引，内容中间空格引发JS错误

                        Html无引，内容左右空格引发HTML错误

                


                


                
结论


                以JS的字符包装符号区分，用啥包装转义啥，另一个编码；

                


        






web前端开发学习Q-q-u-n： 784783012 ，分享学习的方法和需要注意的小细节，不停更新最新的教程和学习方法
（详细的前端项目实战教学视频，PDF