yexj00.style.pixelLeft=50
yexj00.style.left=50
pxyexj00.style.posLeft=50
he.style.pixelLeft=39
he.style.left=10.2mm
he.style.posLeft=10.199999809265136
d.style.pixelLeft=0
d.style.left=
d.style.posLeft=0

http://www.jinyuanbao.cn

left 是字符串,是取html中left的值,如果没有就是空串。
pixelLeft 是数值,是将left的值(如果是空串则赋为0)转化为像素值。
posLeft 就是将left的值转化为数值类型,而且是浮点型。

下面代码直接复制到文件浏览测试:
<div id=yexj00 style="position:absolute; left:50px; top:280px; width:300px; height: 150px; background:#d3d6d9">yexj00
<div id=he style="position:relative; left:10.2mm; width:50px; background:red">he</div>
</div>
<div id=d style="position:absolute;width:20px;height:50px;background:lightgreen">d</div>
<input type=button value=测试 onclick=func(a)>
<textarea cols=80 rows=15 id=a></textarea>
<script>
function func(obj){
s="";
s+="yexj00.style.pixelLeft=<font color=red>"+yexj00.style.pixelLeft+"</font><br>";
s+="yexj00.style.left=<font color=red>"+yexj00.style.left+"</font><br>";
s+="yexj00.style.posLeft=<font color=red>"+yexj00.style.posLeft+"</font><br>";
s+="he.style.pixelLeft=<font color=red>"+he.style.pixelLeft+"</font><br>";
s+="he.style.left=<font color=red>"+he.style.left+"</font><br>";
s+="he.style.posLeft=<font color=red>"+he.style.posLeft+"</font><br>";
s+="d.style.pixelLeft=<font color=red>"+d.style.pixelLeft+"</font><br>";
s+="d.style.left=<font color=red>"+d.style.left+"</font><br>";
s+="d.style.posLeft=<font color=red>"+d.style.posLeft+"</font>";
s+="<hr>仔细体会一下本例。<br><font color=navy>left</font> 是字符串,是取html中left的值,如果没有就是空串。<br><font color=navy>pixelLeft</font> 是数值,是将left的值(如果是空串则赋为0)转化为像素值。<br><font color=navy>posLeft</font> 就是将left的值转化为数值类型,而且是浮点型。";
var h=document.createElement("SPAN");
h.innerHTML=s;
obj.appendChild(h);
}
</script>

left、pixelLeft、posLeft的区别的更多相关文章

  1. js onkeypress与onkeydown 事件区别详细说明

    keypress只适用于有字符输入的按键 而keyup/keydown包含了Ctrl, Shift之类的情况 Firefox在处理onKeyDown/onKeyPress事件时存在漏洞,恶意网页可能利 ...

  2. offsetLeft,Left,clientLeft的区别

    offsetLeft,Left,clientLeft的区别 假设 obj 为某个 HTML 控件. obj.offsetTop 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的 ...

  3. 转:onkeypress、onkeydown、onkeyup 区别

    在使用JavaScript做WEB键盘事件侦听捕获时,主要采用onkeypress.onkeydown.onkeyup三个事件进行出来.该三个事件的执行顺序如下:onkeydown -> onk ...

  4. c#与java的区别

    经常有人问这种问题,用了些时间java之后,发现这俩玩意除了一小部分壳子长的还有能稍微凑合上,基本上没什么相似之处,可以说也就是马甲层面上的相似吧,还是比较短的马甲... 一般C#多用于业务系统的开发 ...

  5. jquery和Js的区别和基础操作

    jqery的语法和js的语法一样,算是把js升级了一下,这两种语法可以一起使用,只不过是用jqery更加方便 一个页面想要使用jqery的话,先要引入一下jqery包,jqery包从网上下一个就可以, ...

  6. 【原】nodejs全局安装和本地安装的区别

    来微信支付有2年多了,从2年前的互联网模式转变为O2O模式,主要的场景是跟线下的商户去打交道,不像以往的互联网模式,有产品经理提需求,我们帮忙去解决问题. 转型后是这样的,团队成员更多需要去寻找业务的 ...

  7. 探究@property申明对象属性时copy与strong的区别

    一.问题来源 一直没有搞清楚NSString.NSArray.NSDictionary--属性描述关键字copy和strong的区别,看别人的项目中属性定义有的用copy,有的用strong.自己在开 ...

  8. X86和X86_64和X64有什么区别?

    x86是指intel的开发的一种32位指令集,从386开始时代开始的,一直沿用至今,是一种cisc指令集,所有intel早期的cpu,amd早期的cpu都支持这种指令集,ntel官方文档里面称为&qu ...

  9. Java中Comparable与Comparator的区别

    相同 Comparable和Comparator都是用来实现对象的比较.排序 要想对象比较.排序,都需要实现Comparable或Comparator接口 Comparable和Comparator都 ...

随机推荐

  1. 5G网络的深度强化学习:联合波束成形,功率控制和干扰协调

    摘要:第五代无线通信(5G)支持大幅增加流量和数据速率,并提高语音呼叫的可靠性.在5G无线网络中共同优化波束成形,功率控制和干扰协调以增强最终用户的通信性能是一项重大挑战.在本文中,我们制定波束形成, ...

  2. mybatise根据list参数查询

    where id in<foreach item="item" index="index" collection="map.idList&quo ...

  3. [Linux] 027 RPM 包与 源码包的区别

    1. 区别 安装之前的区别: 概念上的区别 安装之后的区别: 安装位置不同 2. RPM 包安装位置 安装在默认位置中 RPM 包默认安装路径 明细 /ect 配置文件安装目录 /usr/bin/ 可 ...

  4. 难倒你了吧!ArrayList 为啥要实现 RandomAccess 接口?

    作者:蔡先森_caiyq https://www.jianshu.com/p/3e2a9e4c9e01 在我们的开发中,List接口是最常见不过,而且我们几乎每天都在用ArrayList或者Linke ...

  5. python学习第三十二天函数的闭包

    python函数中嵌套另外一个函数,另外一个函数形成一个封闭的环境,里面的那个函数叫做函数的闭包,函数的闭包好处可以保护函数里面的变量,下面讲述函数闭包的实例和用法 1,函数闭包的实例 a='cat' ...

  6. 克隆虚拟机(centos7)

    当我们做分布式测试时,需要多个节点(虚拟机),除了一个个虚拟机重新安装外,还可以从一个虚拟机镜像克隆出新的虚拟机 本例中要从名为master1的虚拟机克隆一个名为node1的 输入新的虚拟机名称和文件 ...

  7. 我心中的ASP.NET Core 新核心对象WebHost(一)

    以本系列文章向Fish 前辈的那篇我心中的ASP.NET 核心对象致敬.(虽然不知道前辈现在在干什么).一晃就6年过去了,那首 郝云 的<回到那一天>怎么唱来着? 时光一晃,你就三十了. ...

  8. JS的video在手机上有些手机能播放,而有些不能原因

    一,一开始我video是这样写的,直接给地址,然后有很多手机却不能播放,或者说卡在一开始的页面,是什么原因呢? <video id='video' > <source src='xx ...

  9. js字符串相关方法

    <script> // 使用索引位置来访问字符串中的每个字符: var carname = 'Volvo XC60'; var character = carname[7]; consol ...

  10. Python Web开发:Django+BootStrap实现简单的博客项目

    创建blog的项目结构 关于如何创建一个Django项目,请查看[Python Web开发:使用Django框架创建HolleWorld项目] 创建blog的数据模型 创建一个文章类 所有开发都是数据 ...