css值轉(zhuǎn)換成數(shù)值請拋棄parseInt
更新時間：2011年10月24日 01:10:34 作者：
絕大多數(shù)人喜歡用parseInt()把css中的字符串值轉(zhuǎn)換成數(shù)值
如：
<div id="demo" style="width:24px"></div>
<script>
var elem = document.getElementById('demo'),
width = elem.style.width;
alert(parseInt(width));// 24
</script>
可是如果css值是這樣呢：
<div id="demo" style="opacity:0.5"></div>
<script>
var elem = document.getElementById('demo'),
opacity = elem.style.opacity;
alert(parseInt(opacity));// 0
</script>
以上顯然parseInt()會出錯，哪怕是'.5′這樣的值，如果換成parseFloat()將能得到正確的結(jié)果:
<div id="demo" style="opacity:0.5"></div>
<script>
var elem = document.getElementById('demo'),
opacity = elem.style.opacity;
alert(parseFloat(opacity));// 0.5
兩者有何區(qū)別？
parseInt() 返回一個整數(shù)
parseFloat() 返回一個浮點數(shù)
進一步了解parseInt 和 parseFloat
復制代碼 代碼如下:
<div id="demo" style="width:24px"></div>
<script>
var elem = document.getElementById('demo'),
width = elem.style.width;
alert(parseInt(width));// 24
</script>
可是如果css值是這樣呢：
復制代碼 代碼如下:
<div id="demo" style="opacity:0.5"></div>
<script>
var elem = document.getElementById('demo'),
opacity = elem.style.opacity;
alert(parseInt(opacity));// 0
</script>
以上顯然parseInt()會出錯，哪怕是'.5′這樣的值，如果換成parseFloat()將能得到正確的結(jié)果:
復制代碼 代碼如下:
<div id="demo" style="opacity:0.5"></div>
<script>
var elem = document.getElementById('demo'),
opacity = elem.style.opacity;
alert(parseFloat(opacity));// 0.5
兩者有何區(qū)別？
parseInt() 返回一個整數(shù)
parseFloat() 返回一個浮點數(shù)
進一步了解parseInt 和 parseFloat
相關(guān)文章
Locate a File Using a File Open Dialog Box
Locate a File Using a File Open Dialog Box...2007-06-06
看論壇里技術(shù)區(qū)沒有平均給分的功能，感覺散分很不方便，就寫了一個：IE8,FF3.5下測試ok2009-11-11
詳解JavaScript中Proxy與Object.defineProperty的區(qū)別
Proxy和Object.defineProperty都是JavaScript中用于實現(xiàn)對象屬性攔截和代理的機制，但它們在功能和應(yīng)用方面有一些區(qū)別，本文通過代碼示例詳細介紹了二者的區(qū)別,感興趣的朋友可以參考下2023-06-06
Javascript document.referrer判斷訪客來源網(wǎng)址
用簡單幾行的javascript，就可抓到使用的來源，以及作出一些防范的措施。2009-12-12
本文主要介紹了TypeScript?類型斷言的實現(xiàn)，有使用關(guān)鍵字as和標簽<>兩種方式，具有一定的參考價值，感興趣的可以了解一下2024-01-01
下面小編就為大家?guī)硪黄狫S公共小方法之判斷對象是否為domElement的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
這篇文章主要介紹了判斷復選框是否被選中的兩種方法，經(jīng)測試還不錯，大家可以學習下2014-06-06
這篇文章主要為大家詳細介紹了js圖片輪播手動切換特效，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
透明特效是script.aculo.us提到的特效中最簡單的特效之一。既然是特效，必須涉及時間與空間的概念。時間我們可以用setTimeout與setInterval，個人比較喜歡setTimeout，雖然它每次調(diào)用都重復注冊，但可控性比較好。2010-01-01
JQuery是一個很明顯的自執(zhí)行閉包的例子，有需要的朋友可以參考一下2013-06-06