js轉移符

來源:互聯網
上載者:User

<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>&nbsp;</td>\
</tr>\
<tr>\
<td>&nbsp;</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>

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.