溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
Web 開發時常會遇到 鏈接中調用JS操作，如：
<a href="#" onclick="showName('donhwa')">查看名字</a>
這里的名字? donhwa ，偶爾會帶有 單引，或雙引，或兼有之。 這時，又要如何調整才不會暴腳本感嘆號呢？ 也許你我都經常遇到，偶爾調整一陣可以了就這樣過了，沒有總結下來。
下面是整理了一下的結果，記錄一下。
<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>情形一：無符號內容</strong>
? ? ? ? ? ? ? ? ? ? ? ? <p>
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <a href="#" onclick="alert('0')">Html雙引，JS單引</a>
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <a href="#" onclick='alert("0")'>Html單引，JS雙引</a>
? ? ? ? ? ? ? ? ? ? ? ? </p>
? ? ? ? ? ? ? ? </dd>
? ? ? ? ? ? ? ? <dd>
? ? ? ? ? ? ? ? ? ? ? ? <strong>情形二：含單引及雙引內容</strong><br />
? ? ? ? ? ? ? ? ? ? ? ? <p>
? ? ? ? ? ? ? ? ? ? ? ? <a href="#" onclick="alert(' ? \' " ')">Html雙引，JS單引包裝</a>
? ? ? ? ? ? ? ? ? ? ? ? <em>單引轉義，雙引編碼</em>
? ? ? ? ? ? ? ? ? ? ? ? <a href="#" onclick='alert(" ? '\" ? ? ")'>Html單引，JS雙引包裝</a>
? ? ? ? ? ? ? ? ? ? ? ? <em>雙引轉義，單引編碼</em>
? ? ? ? ? ? ? ? ? ? ? ? </p>
? ? ? ? ? ? ? ? </dd>
? ? ? ? ? ? ? ? <dd>
? ? ? ? ? ? ? ? ? ? ? ? <strong>情形三：Html 無引</strong><br />
? ? ? ? ? ? ? ? ? ? ? ? <a href="#" onclick=alert('abcdef')>Html無引，內容無空格</a><em>盡量不要用無引方式</em>
? ? ? ? ? ? ? ? ? ? ? ? <a href="#" onclick=alert('ab cdef')>Html無引，內容中間空格</a><em>引發JS錯誤</em>
? ? ? ? ? ? ? ? ? ? ? ? <a href="#" onclick=alert(' abcdef ')>Html無引，內容左右空格</a><em>引發HTML錯誤</em>
? ? ? ? ? ? ? ? </dd>
? ? ? ? ? ? ? ? <dd>
? ? ? ? ? ? ? ? <h4>結論</h4>
? ? ? ? ? ? ? ? 以JS的字符包裝符號區分，用啥包裝轉義啥，另一個編碼；
? ? ? ? ? ? ? ? </dd>
? ? ? ? </dl>
</body>
</html>
web前端開發學習Q-q-u-n： 784783012 ，分享學習的方法和需要注意的小細節，不停更新最新的教程和學習方法
（詳細的前端項目實戰教學視頻，PDF
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
