作家
登录

js技巧--转义符""的妙用

作者: 来源:www.28hudong.com 2013-03-30 03:49:30 阅读 我要评论

// blueDestiny, never-online // blueDestiny [at] 126.com 通常,我们在动态给定一个container的innerHTML时,通常是样做的: <div id="divc" /> <SCRIPT LANGUAGE="JavaScript"> var div = document.getElementById("divc"); var html = "" html += "" + "<h1>" + "<a href='javascript:;' onclick="alert('javascript')">DHTML innerHTML propery.</a>" + "</h1>"; div.innerHTML = html; </SCRIPT> 写得习惯了的话,倒也不麻烦,但有没有更简单的一个方法呢?请看下面的例子: <SCRIPT LANGUAGE="JavaScript"> var html=' <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> </td> </tr> <tr> <td> </td> </tr> </table> '; alert(html); </SCRIPT> 是不是没有这么麻烦了?但还是要有几点注意,看下面的例子 <SCRIPT LANGUAGE="JavaScript"> //要用'把单引号转义 var html=' <h1> javascript技巧 </h1> <a href="javascript:;" onclick="alert('javascript')">javascript转义</a></font> <br/> power by 'blueDestiny, never-online' '; alert(html); </SCRIPT> 该转义的地方还是得用"" '------------------------------------------------------- ' 原理: '------------------------------------------------------- 这个是我自己的个人观点,如果有不对的地方,请指出: 还是看个例子: <SCRIPT LANGUAGE="JavaScript"> //s1和s2的字符a前都有一个空格 s1=' a'; s2=' a'; document.write("s1: " + s1.length + "ns2: " + s2.length); </SCRIPT> 输出结果: s1: 2 s2: 2 也就是说转义符将回车转义掉了!也就是说 再看个例子: <SCRIPT LANGUAGE="JavaScript"> //下面这个字符串是有空格的,也就是这样s1=' 的。 s1=' a'; document.write("s1: " + s1.length); </SCRIPT> 输出错误,错误提示:未结束字符串常量。 也就是说是多加了一个空格的原因。那再这样试试 <SCRIPT LANGUAGE="JavaScript"> s1=' a'; document.write("s1: " + s1.length); </SCRIPT> 结果很明显了,在字符串中,""转义符可以将回车转义掉(也就是回车符不存在了),但是不能将制表符,以及空格字符转义(它们是存在的,上面的例子说明了这一点)。 最后,给大家一个小tips,还记得上面的这个代码吗? <SCRIPT LANGUAGE="JavaScript"> //要用'把单引号转义 var html=' <h1> javascript技巧 </h1> <a href="javascript:;" onclick="alert('javascript')">javascript转义</a></font> <br/> power by 'blueDestiny, never-online' '; alert(html); </SCRIPT> 仔细观察弹出来的模态框,看看字符串是怎么样的?应该就会明白了。

  推荐阅读

  如何在一段文字里点一下就可以在里面插入一段文字?

如何在一段文字里点一下就可以在里面插入一段文字? 如题,不要用编辑器之类的来实现。高手们帮忙呀。 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]>>>详细阅读


本文标题:js技巧--转义符""的妙用

地址:http://www.17bianji.com/kaifa2/JS/31113.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)