web前端入门到实战：HTML-JS中的单双引混合处理原则

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

创新互联建站是一家集网站建设,吴起企业网站建设,吴起品牌网站建设,网站定制,吴起网站建设报价,网络营销,网络优化,吴起网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。

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

这里的名字  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

本文标题：web前端入门到实战：HTML-JS中的单双引混合处理原则
网页地址：http://bzwzjz.com/article/ijdgco.html