html使用parseInt函数,JavaScript

本文探讨了JavaScript中数字字符串直接进行运算的特性,如何在不确定数据类型时进行有效操作,并举例说明了在Web编程中如何利用这一特性。同时,提到了parseInt函数在处理特定情况下的作用,例如简化元素尺寸的动态调整。通过示例代码展示了如何将元素宽度缩小为原来的一半。
摘要由CSDN通过智能技术生成

实际上,Javascript 开放地支持一些数字字符串直接进行运算,这使得在Web编程中不清楚客户端传来的数据被解析成字符串还是整数时得到诸多方便。

例如:

10*10

10*"10"

"10"*"10"

10+"45"*"4"/2

甚至 "12.5"*"8"。

都返回 Number 类型的 100(不是字符串"100")。

当然 "50"+"50" 不行,因为这会被解析为字符串 "5050"。

也可以比较,比如 "100"==50+50,但并非全等(===)。

但是 parseInt 在这种情况下依旧有其用处。因为对于 "100px"*100 这种运算,显然难以得到我们希望的结果——我们甚至可以不需要 "px"。

比如,使用 HTML DOM 将 id="area" 的元素宽度缩小为 50%,则可使用以下代码:

var w=parseInt(document.getElementById("area").style.width);

document.getElementById("area").style.width = w/2 + "px";

MCCF

MCCF

353***4841@qq.com1年前 (2020-01-30)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值