预览模式: 普通 | 列表

div的offsetLeft与style.left区别

div的offsetLeft与style.left区别

如果父div的position定义为relative,子div的position定义为absolute,那么子div的style.left的值是相对于父div的值,这同offsetLeft是相同的,区别在于:

1. style.left 返回的是字符串,如28px,offsetLeft返回的是数值28,如果需要对取得的值进行计算,还用offsetLeft比较方便。

查看更多...

分类:web技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 204

详尽解析window.event对象

描述

event代表事件的状态,例如触发event对象的元素、鼠标的位置及状态、按下的键等等。
event对象只在事件发生的过程中才有效。
event的某些属性只对特定的事件有意义。比如,fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义。

查看更多...

分类:web技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 193

style、 currentStyle、 runtimeStyle介绍

1、用到的基本概念:

       内嵌样式(inline Style) :是写在Tag里面的,内嵌样式只对所有的Tag有效。

eg:<P style="font-size:20pt; color:red">这个Style定义<p></p>里面的文字是20pt字体,字体颜色是红色。</p>

查看更多...

分类:web技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 238

js中innerHTML与innerText的用法与区别

用法:

<div id="test">
    <span style="color:red">test1</span> test2
</div>

在JS中可以使用:

test.innerHTML:

  也就是从对象的起始位置到终止位置的全部内容,包括Html标签。

  上例中的test.innerHTML的值也就是“<span style="color:red">test1</span> test2 ”。

test.innerText:

  从起始位置到终止位置的内容, 但它去除Html标签

查看更多...

分类:web技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 208

XML DOM appendChild() 方法

定义和用法

appendChild() 方法可向节点的子节点列表的末尾添加新的子节点。

此方法可返回这个新的子节点。

语法:

appendChild(newchild)
参数 描述
newchild 所添加的节点

返回值

加入的节点。

描述

该方法将把节点 newchild 添加到文档中,使它成为当前节点的最后一个子节点。

查看更多...

分类:web技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 214

Web开发中js的setAttribute方法参数说明

在web开发中,经常会为某个标签设置属性,那么就可以利用js的setAttribute()方法为标签的属性设置值。


下面的内容翻译自W3C DOM Level 1中关于setAttribute方法的说明.

查看更多...

分类:web技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 227

JS:attachEvent和addEventListener 使用方法

attachEvent与addEventListener区别
适应的浏览器版本不同,同时在使用的过程中要注意
attachEvent方法          按钮onclick
addEventListener方法    按钮click

查看更多...

分类:web技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 251

网页制作中shortcut icon和icon的区别

语句一:<link rel="shortcut icon" href="favicon.ico" />
语句二<link rel="icon" href="animated_favicon.gif" type="image/gif" />

备注:语句一 Shortcut Icon 就是在网址列前面出现的Icon
问题:语句二 icon的作用是怎么?和语句一有什么区别?

查看更多...

分类:asp/.net/ajax | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 247

getAttribute()方法

一份文档就是一棵节点树。

   ●节点分为不同的类型:元素节点、属性节点和文本节点等。

   ●getElementById()方法将返回一个对象,该对象对应着文档里的一个特定的元素节点。

查看更多...

分类:web技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 207

2.8.4 String类

String类是String原始类型的对象表示法,它是以下列方式创建的:

String对象的valueOf()方法和toString()方法都会返回String型的原始值:

如果运行这段代码,输出是"true",说明这些值真的相等。

String类是ECMAScript中的比较复杂的引用类型之一。同样本节的重点只是String类的基本功能。更多的高级功能将分别在本书适合的主题中进行介绍。

String类具有属性length,它是字符串中的字符个数:

查看更多...

分类:web技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 205