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