您好,登錄后才能下訂單哦!
Web 開發(fā)時(shí)常會(huì)遇到 鏈接中調(diào)用JS操作,如:
<a href="#" onclick="showName('donhwa')">
查看名字</a>
這里的名字? donhwa ,偶爾會(huì)帶有 單引,或雙引,或兼有之。 這時(shí),又要如何調(diào)整才不會(huì)暴腳本感嘆號(hào)呢? 也許你我都經(jīng)常遇到,偶爾調(diào)整一陣可以了就這樣過了,沒有總結(jié)下來。
下面是整理了一下的結(jié)果,記錄一下。
<html>
<head>
? ? ? ? <title>HTML-JS中的單雙引混合處理-[by www.cnblogs.com/donhwa]</title>
? ? ? ? <style type="text/css">
? ? ? ? ? ? ? ? body
? ? ? ? ? ? ? ? {
? ? ? ? ? ? ? ? ? ? ? ? font:normal 14px/20px 微軟雅黑;
? ? ? ? ? ? ? ? ? ? ? ? color:#506;
? ? ? ? ? ? ? ? ? ? ? ? line-height: 200%;
? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? dd{padding:4px 8px;}
? ? ? ? ? ? ? ? p{padding:0 10px;}
? ? ? ? ? ? ? ? a{display:block;}
? ? ? ? ? ? ? ? em{color:Red;display:block;}
? ? ? ? </style>
</head>
<body>
? ? ? ? <dl>
? ? ? ? ? ? ? ? <dt>HTML-JS中的單雙引混合處理-[by www.cnblogs.com/donhwa]</dt>
? ? ? ? ? ? ? ? <dd>
? ? ? ? ? ? ? ? ? ? ? ? <strong>情形一:無(wú)符號(hào)內(nèi)容</strong>
? ? ? ? ? ? ? ? ? ? ? ? <p>
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <a href="#" onclick="alert('0')">Html雙引,JS單引</a>
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <a href="#" onclick='alert("0")'>Html單引,JS雙引</a>
? ? ? ? ? ? ? ? ? ? ? ? </p>
? ? ? ? ? ? ? ? </dd>
? ? ? ? ? ? ? ? <dd>
? ? ? ? ? ? ? ? ? ? ? ? <strong>情形二:含單引及雙引內(nèi)容</strong><br />
? ? ? ? ? ? ? ? ? ? ? ? <p>
? ? ? ? ? ? ? ? ? ? ? ? <a href="#" onclick="alert(' ? \' " ')">Html雙引,JS單引包裝</a>
? ? ? ? ? ? ? ? ? ? ? ? <em>單引轉(zhuǎn)義,雙引編碼</em>
? ? ? ? ? ? ? ? ? ? ? ? <a href="#" onclick='alert(" ? '\" ? ? ")'>Html單引,JS雙引包裝</a>
? ? ? ? ? ? ? ? ? ? ? ? <em>雙引轉(zhuǎn)義,單引編碼</em>
? ? ? ? ? ? ? ? ? ? ? ? </p>
? ? ? ? ? ? ? ? </dd>
? ? ? ? ? ? ? ? <dd>
? ? ? ? ? ? ? ? ? ? ? ? <strong>情形三:Html 無(wú)引</strong><br />
? ? ? ? ? ? ? ? ? ? ? ? <a href="#" onclick=alert('abcdef')>Html無(wú)引,內(nèi)容無(wú)空格</a><em>盡量不要用無(wú)引方式</em>
? ? ? ? ? ? ? ? ? ? ? ? <a href="#" onclick=alert('ab cdef')>Html無(wú)引,內(nèi)容中間空格</a><em>引發(fā)JS錯(cuò)誤</em>
? ? ? ? ? ? ? ? ? ? ? ? <a href="#" onclick=alert(' abcdef ')>Html無(wú)引,內(nèi)容左右空格</a><em>引發(fā)HTML錯(cuò)誤</em>
? ? ? ? ? ? ? ? </dd>
? ? ? ? ? ? ? ? <dd>
? ? ? ? ? ? ? ? <h4>結(jié)論</h4>
? ? ? ? ? ? ? ? 以JS的字符包裝符號(hào)區(qū)分,用啥包裝轉(zhuǎn)義啥,另一個(gè)編碼;
? ? ? ? ? ? ? ? </dd>
? ? ? ? </dl>
</body>
</html>
web前端開發(fā)學(xué)習(xí)Q-q-u-n: 784783012 ,分享學(xué)習(xí)的方法和需要注意的小細(xì)節(jié),不停更新最新的教程和學(xué)習(xí)方法
(詳細(xì)的前端項(xiàng)目實(shí)戰(zhàn)教學(xué)視頻,PDF
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。