在HTML中小心使用空格和回车
生活随笔
收集整理的這篇文章主要介紹了
在HTML中小心使用空格和回车
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
這篇文章介紹一點關(guān)于在HTML中使用回車和空格的時候會產(chǎn)生的一個小問題，問題雖小但是可使本人頭痛了一陣子，找了好久才找到原因
所以我的最終建議是不要在HTML中強行鍵入空格和回車這種會占位的空白字符
下面看看這段HTML代碼大家就明白是怎么回事了（經(jīng)IE8測試）：
<!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html?xmlns="http://www.w3.org/1999/xhtml">
<head>
????<title></title>
</head>
<body>
<div?id="div1"?><input?id="hidden"?type="hidden"?/>???????????????123</div><!--123前面的空格和回車會導(dǎo)致div1的innerText和div1的innerHTML中在123前面出現(xiàn)一個空格-->
<div?id="div2"?><input?id="hidden1"?type="hidden"?/>123</div><!--若123和hidden1之間沒有空格或回車，那么div2的innerText和div2的innerHTML中在123前面就不會出現(xiàn)空格-->
<div?id="div3"?>????????????????????????????????????123</div><!--雖然123前面有一大串空格，但是由于其前面無任何同級的HTML標(biāo)簽所以div3的innerText和div3的innerHTML中在123前面也不會產(chǎn)生空格-->
<div?id="div4"?><span></span>????????????????123</div><!--雖然123前面有一大串空格，而且前面也有同級的HTML標(biāo)簽span，但是經(jīng)測試發(fā)現(xiàn)內(nèi)部為空的span和a標(biāo)簽(可能還有其他標(biāo)簽，這里懶得去全部試了)，也不會讓123前面出現(xiàn)空格，但是將本行的<span></span>改為<span>123</span>使標(biāo)簽中有文本子標(biāo)簽就另當(dāng)別論了（事實上如果其內(nèi)部包括會讓空格出現(xiàn)的子標(biāo)簽比如input，也會使123前面出現(xiàn)空格），這樣div4的innerText和div4的innerHTML中在123前面就會出現(xiàn)空格-->
????<input??type="button"?value="查看有內(nèi)標(biāo)簽有空格"?onclick="alert(document.getElementById('div1').innerText+'\n123');"?/>
????<input??type="button"?value="查看有內(nèi)標(biāo)簽無空格"?onclick="alert(document.getElementById('div2').innerText+'\n123');"?/>
????<input??type="button"?value="查看無內(nèi)標(biāo)簽無空格"?onclick="alert(document.getElementById('div3').innerText+'\n123');"?/>
????<input??type="button"?value="也不是所有的內(nèi)標(biāo)簽產(chǎn)生空格"?onclick="alert(document.getElementById('div4').innerText+'\n123');"?/>
</body>
</html>
?
?
?
總結(jié)
以上是生活随笔為你收集整理的在HTML中小心使用空格和回车的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Exchange2007 申请安装证书
- 下一篇： 编辑器js获取浏览器高度和宽度值(转)