欧美视频二区36p,四季av在线一区二区三区,日本精品一区二区三区四区的功能

esprit — Thu, 21 Sep 2006 06:49:00 GMT

1、IE与Firefox下对CSS解析的区�?�q�是我在使用中的一些经验，拿出来和大家分��n�Q�希望大家��l?/p>

寚w��度的解析

IE�Q�将�Ҏ��内容的高度变化，包括未定义高度的囄��内容�Q�即使定义了高度�Q�当内容��过高度�Ӟ��用实际高度�?/p>

Firefox�Q�没有定义高度时�Q�如果内容中包括了图片内容，MF的高度解析是�Ҏ��印刷标准�Q�这样就会造成和实际内定w��度不�W�合的情况；当定义了高度,但是内容��过高度�Ӟ��内容会超出定义的高度�Q�但是区域��用的样式不会变化�Q�造成样式错位�?/p>

�l�论�Q�大家在可以��定内容高度的情况下最好定义高度，如果真的没有办法定义高度�Q�最好不用��用边框样式，否则样式肯定会出现�؜乱！

img对象alt和title的解�?br />alt�Q�当照片不存在或者load错误时的提示�Q?br />title�Q�照片的tip说明�?br />在IE中如果没有定义title�Q�alt也可以作为img的tip使用�Q�但是在MF中，两者完全按照标准中的定义��?/p>

�l�论�Q�大家在定义img对象�Ӟ��最后将alt和title对象都写全，保证在各�U�浏览器中都能正�怋��?/p>

其他的细节差�?br />当你在写css的时候，特别是用float: left�Q�或right�Q�排列一�H�图片时�Q�会发现在firefox里面正常而IE里面有问题。无��Z��用margin:0,�q�是border: 0来约束，都无��于事�?/p>

其实�q�里�q�有另外一个问题，��是IE对于�I�格的处理，firefox是忽略的而IE对于块与块之间的�I�格是处理的。也��是说一个div�l�束后要紧接着一个div写，中间不要有回车或者空根{��不然也�怼�有问题，比如3px的偏差，而且�q�个原因很难发现�?/p>

非常不走�q�的是我又碰��C��q�样的问题，多个img标签�q�着�Q�然后定义的float: left�Q�希望这些图片可以连��h��。但是结果在firefox里面正常而IE里面昄��的每个img都相隔了3px。我把标�{�之间的�I�格都删除都没有作用�?/p>

后来的解��x��法是在img外面套li�Q��ƈ且对li定义margin: 0�Q�这样就解决了IE和firefox的显�C�偏差。IE对于一些模型的解释会��生很多错误问题，只有多多��试才能发现原因�?/p>

2、嵌套DIV:父DIV的高度不能根据子DIV自动变化的解��x��?/strong>

当Content内容多时�Q�即使parent讄��了高�?00%或auto,在不同浏览器下还是不能完好的自动伸展�?解决�Ҏ��

在层的最下方产生一个高度�ؓ1的空��|��可解除这个问�?/p>
3、CSS DIV 学习�W�记
一、基本上每个区块的div 都要有自��q��id�Q�杜�l�不同功能的区块用同一个id/class

二、每个稍大的区块div 后面都跟一�?lt;!�?/id �?gt;标记开始、结�?/p>
三、隐藏文字的又一�U�方�?TEXT-INDENT: -9999px; LINE-HEIGHT: 0

四、��y妙地处理�q�列的两�?
1)
叛_��为P, width=44.5%, float=left
左列为P.first, border-right: #a7a7a7 1px solid, width=45%
2)
叛_��#right, margin-left:50%
左列#left, float=left,width=50% border-right:#a7a7a7 1px solid

以上两种�Ҏ��关键点在于选择其中一个�ؓfloat=left

五、随机的切换囄��Q?br />#random {
BACKGROUND: url(/rotate.php);
}
�q�个�Ҏ��很��y妙�?/p>
4、关于div的高度自适应
　　今天��尿让我帮他的页子解决一个问题，��是div的高度自适应�Q�也��是在一个父�U�div中嵌套一左一右两个子div�Q�右边的子div内容可无限扩展，�? 可以使得父��div的高度能被无限拉长，用一般的布局�Ҏ��Q�在IE中可以正��浏览，在Mozilla中父�U�div的高度就固定�?0px左右�Q�无法自适应高度�Q�height:auto也不行，怎么办呢。网上参考到一��资料，要实现自适应高度�Q�div层必��d��有float属性，于是我开始动手试验， float:left的话�Q�div��p��到页面最左边��M��Q�这好办�Q�我在它的外面再套一层div�Q�把位置定好�Q�那么里面的��q��float:left也不会被 �U�d��位置了�?/p>
xhtml:
===============

test

test

test



预安装检�?lt;/li>

阅读 PFC 授权协议

初始化数据库

完成安装





CSS
=================
#container_father {
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 750px;
}

#container {
width: 750px;
border: 1px solid #cccccc;
padding: 8px;
margin: 0px;
background-color: #F1F3F5;
float: left;
}

FRom: http://ulean.zg163.net/

5�? 深入标准 ~ The IE Doubled Float-Margin Bug(IE双倍��Q动边界Bug)
什么发生故障？

一 �D�|��错的代码把一个居左��Q�?float:left)的元素放�|�进一个容器盒(box)�Q��ƈ在��Q动元素上使用了左边界(margin-left)来��o它和容器的左边��生一�D�距��R��看��h��相当的简单，对吗�Q�但直至它被在IE/Win中浏览�ؓ止，在浏览器中居左��Q动元素的边界长度被神�U�地��M��一倍！

情况应该如何�Q?/p>
下面的图释展�C�Z��一个简单的div(茶色的盒�?包含着一个居左��Q动的div(�l�色的盒�?。��Q动元素有一�?00px的左边界�Q��容器盒与它的左边�~�之间��生了一�?00px的间隙。到现在为止�Q�一直都�q�不错�?/p>
.floatbox {
float: left;
width: 150px;
height: 150px;
margin: 5px 0 5px 100px;
/*This last value applies the 100px left margin */
}

陈旧的IE“双倍占据�?/p>
原样的相同代码被在IE/Win中浏览时以些微不同的方式昄��Q�下面的��N��展示了IE/Win在布局上所做的�?/p>
�q��ؓ什么会发生�Q�别问这�U�傻问题�Q�这��是IE�Q�记得吗�Q�符合标准只是理想的状况�Q�不指望实现�Q�这个简单的事实正验证了�?/p>
重点

�q�个Bug仅当��动边界和��Q动元素的方向相同时出现在��动元素和容器盒的内边缘之间�Q�在�q�之后的��L��有着�怼�边界的��Q动元素不会呈现双倍边界。只有特定的��动行的�W�一个��Q动元素会遭遇�q�个Bug。像居左的情况一��P��双倍边界同��L��U�地昄��在居右的相同方式�?/p>
最后，修复办法�Q?/p>
�? 到现�?04�q?�?�q�个Bug一直被认�ؓ是无法修复的�Q�通常用来替代错误的边界的控制�Ҏ��如：一个不可视��动元素的左边距�Q�连同一个内嵌的盒子一��P��? 视的盒子装在不可视��Q动元素里�Q�或者��用技巧仅对IE/Win讑֮�边界�?/2倹{��这办法生效了，但是是�؜��q��而且搞糟了干净的源代码。不�q�现在全部结�? 了�?/p>
Steve Clason发现了一个修复办法，描述在他的Guest Demo里，修复了双倍边界和围绕文字�~�进Bug。这是一个经典的IE的Bug修复办法�Q��用一个属性来修复影响不相兛_��性的Bug�?/p>
现在如何来做�Q?/p>
研究它，��单地��{display: inline;}讄��l��Q动元素就是全部所需做的�Q�是的，听�v来太��单了�Q�不是吗�Q�不�q�这是真的，仅仅一个display�?inline"声明已经能够胜�Q了�?/p>
熟悉规则的�h知道��动元素自动讄��?block"元素�Q�而不��他们之前是什么。就如Steve从W3C里指出：

9.5.1 Positioning the float: the ‘float�?property

"This property specifies whether a box should float to the left, right, or not at all. It may be set for elements that generate boxes that are not absolutely positioned. The values of this property have the following meanings:

left
The element generates a block box that is floated to the left. Content flows on the right side of the box, starting at the top (subject to the ‘clear�?property). The ‘display�?is ignored, unless it has the value ‘none�?

right
Same as ‘left�? but content flows on the left side of the box, starting at the top.

none
The box is not floated. "

�q?说明��动元素上的{display: inline;}会被忽略�Q�事实上所有的��览器没有呈��C�Q何改变，包括IE。但是，它不知何故让IE停止��Q动元素的边界��d��。因而，�q�个修复办法可以�? 直接应用�Q�而没有�Q何繁琐的隐藏�Ҏ��。如果将来的一�ƾ浏览器军_��对这个修复办法抱恙，只要把这个修复装入IE独用的Tan Hack里，�l�节如同IE Three Pixel Text-Jog Demo�?/p>
下面是两个��用了前面相同代码的生动演�C�，�W�一个照常显�C�Z��IE的Bug�Q�下一个对��动元素使用�?inline"修复�?br />.floatbox {
float: left;
width: 150px;
height: 150px;
margin: 5px 0 5px 100px;
display: inline;
}

Update (20060828)�Q?br /> 6、空
解析问题�?/p>
在FF下空
是不被解析的�Q�也��是��_��
标签所带的css样式是不被解释的。但是在IE下空
是一样会被解析的�?br />例如我定义如下Css:
#sidebar ul li {
　　list-style-type: none;
　　list-style-image: none;
　　margin-bottom: 15px;
}

而我的sidebar使用了一个空�?
。那么在FF下不被解析，而在IE下会出现15px的空白�?/p>

esprit 2006-09-21 14:49 发表评论

esprit — Sat, 08 Jul 2006 15:53:00 GMT
事�g源对象�?br />

event.srcElement.tagName
event.srcElement.type

捕获释放

event.srcElement.setCapture();
event.srcElement.releaseCapture();

事�g按键

event.keyCode
event.shiftKey
event.altKey
event.ctrlKey

事�g�q�回�?br />

event.returnValue

鼠标位置

event.x
event.y

�H�体�z�d��元素

document.activeElement

�l�定事�g

document.captureEvents(Event.KEYDOWN);

讉K��H�体元素

document.all("txt").focus();
document.all("txt").select();

�H�体命��o

document.execCommand

�H�体COOKIE

document.cookie

菜单事�g

document.oncontextmenu

创徏元素

document.createElement("SPAN");

�Ҏ��鼠标获得元素�Q?br />

document.elementFromPoint(event.x,event.y).tagName=="TD
document.elementFromPoint(event.x,event.y).appendChild(ms)

�H�体囄��

document.images[索引]

�H�体事�g�l�定

document.onmousedown=scrollwindow;

元素

document.�H�体.elements[索引]

对象�l�定事�g

插�g数目

navigator.plugins

取变量类�?br />

typeof($js_libpath) == "undefined"

下拉�?br />

下拉�?options[索引]
下拉�?options.length

查找对象

document.getElementsByName("r1");
document.getElementById(id);

定时

UNCODE�~�码

escape() ,unescape

父对象�?br />

obj.parentElement(dhtml)
obj.parentNode(dom)

交换表的�?br />

TableID.moveRow(2,1)

替换CSS

document.all.csss.href = "a.css";

�q�排昄��

display:inline

隐藏焦点

hidefocus=true

�Ҏ��宽度换行

style="word-break:break-all"

自动��h��

��单邮�?br />

快速�{��C��|��?br />

obj.scrollIntoView(true)

�?br />

anchors

�|�页传递参�?br />

location.search();

可编�?br />

obj.contenteditable=true

执行菜单命��o

obj.execCommand

双字节字�W��?br />

/[^\x00-\xff]/

汉字

/[\u4e00-\u9fa5]/

让英文字�W�串��出表格宽度自动换行

word-wrap: break-word; word-break: break-all;

透明背景

获得style内容

obj.style.cssText

HTML标签

document.documentElement.innerHTML

�W�一个style标签

document.styleSheets[0]

style标签里的�W�一个样�?br />

document.styleSheets[0].rules[0]

防止点击�I�链接时�Q�页面往往重置到页首端�?br />

word

上一�|�页�?br />

asp:
request.servervariables("HTTP_REFERER")
javascript:
document.referrer

释放内存

CollectGarbage();

��止右键

document.oncontextmenu = function() { return false;}

��止保存

��止选取

��止�_�脓

地址栏图标�?br />

favicon.ico 名字最好不�?6*16�?6�?放虚拟目录根目录下�?br />收藏栏图标�?br />

查看源码

关闭输入�?br />

自动全�?br />

ENTER键可以让光标�U�d��下一个输入框

文本框的默认�?br />

title换行

obj.title = "123 sdfs "

获得旉��所代表的微�U��?br />

var n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime()

�H�口是否关闭

win.closed

checkbox扁��^

获取选中内容

document.selection.createRange().duplicate().text

自动完成功能

打开该功��q��?br />关闭该功��q?br />

�H�口最大化

无关闭按钮IE

window.open("aa.htm", "meizz", "fullscreen=7");

�l�一�~�码/解码

alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe")))
encodeURIComponent�?:"�?/"�?;" 和�??"也编码�?br />

表格行指�C?br />

//各种��寸

s  +=  "\r\n�|�页可见区域宽："+  document.body.clientWidth;
s  +=  "\r\n�|�页可见区域高："+  document.body.clientHeight;
s  +=  "\r\n�|�页可见区域高："+  document.body.offsetWeight  +"  (包括边线的宽)";
s  +=  "\r\n�|�页可见区域高："+  document.body.offsetHeight  +"  (包括边线的宽)";
s  +=  "\r\n�|�页正文全文宽："+  document.body.scrollWidth;
s  +=  "\r\n�|�页正文全文高："+  document.body.scrollHeight;
s  +=  "\r\n�|�页被卷�ȝ��高："+  document.body.scrollTop;
s  +=  "\r\n�|�页被卷�ȝ��左："+  document.body.scrollLeft;
s  +=  "\r\n�|�页正文部分上："+  window.screenTop;
s  +=  "\r\n�|�页正文部分左："+  window.screenLeft;
s  +=  "\r\n屏幕分��L率的高："+  window.screen.height;
s  +=  "\r\n屏幕分��L率的宽："+  window.screen.width;
s  +=  "\r\n屏幕可用工作区高度："+  window.screen.availHeight;
s  +=  "\r\n屏幕可用工作区宽度："+  window.screen.availWidth;

esprit 2006-07-08 23:53 发表评论

esprit — Sat, 08 Jul 2006 15:50:00 GMT
以下以 IE 代替 Internet Explorer�Q�以 MF 代替 Mozzila Firefox

1. document.form.item 问题
(1)现有问题�Q?br />现有代码中存在许多 document.formName.item("itemName") �q�样的语句，不能在 MF 下运�?br />(2)解决�Ҏ��Q?br />改用 document.formName.elements["elementName"]
(3)其它
参见 2

2. 集合�c�d��象问�?/b>
(1)现有问题�Q?br />现有代码中许多集合类对象取用时��用�?)�Q�IE 能接受，MF 不能�?br />(2)解决�Ҏ��Q?br />改用 [] 作�ؓ下标�q�算。如�Q�document.forms("formName") 改�ؓ document.forms["formName"]�?br />又如�Q�document.getElementsByName("inputName")(1) 改�ؓ document.getElementsByName("inputName")[1]

3. window.event
(1)现有问题�Q?br />使用 window.event 无法在 MF 上运�?br />(2)解决�Ҏ��Q?br />MF 的 event 只能在事件发生的现场使用�Q�此问题暂无法解冟뀂可以这样变通：
原代�?可在IE中运�?�Q?br />
...

function gotoSubmit() {
...
alert(window.event); // use window.event
...
}

��C��?可在IE和MF中运�?�Q?br />
...

function gotoSubmit(evt) {
evt = evt ? evt : (window.event ? window.event : null);
...
alert(evt); // use evt
...
}

此外�Q�如果新代码中第一行不改，与老代码一��L��?�ꐠgotoSubmit 调用没有�l�参�?�Q�则仍然只能在IE中运行，但不会出错。所以，�q�种�Ҏ�� tpl 部分仍与老代码兼宏V�?br />
4. HTML 对象的 id 作�ؓ对象名的问题
(1)现有问题
在 IE 中，HTML 对象的 ID 可以作�ؓ document 的下属对象变量名直接使用。在 MF 中不能�?br />(2)解决�Ҏ��
用 getElementById("idName") 代替 idName 作�ؓ对象变量使用�?br />
5. 用idName字符串取得对象的问题
(1)现有问题
在IE中，利用 eval(idName) 可以取得 id 为 idName 的 HTML 对象�Q�在MF 中不能�?br />(2)解决�Ҏ��
用 getElementById(idName) 代替 eval(idName)�?br />
6. 变量名与某 HTML 对象 id 相同的问�?/b>
(1)现有问题
在 MF 中，因�ؓ对象 id 不作为 HTML 对象的名�U�ͼ�所以可以��用与 HTML 对象 id 相同的变量名�Q�IE 中不能�?br />(2)解决�Ҏ��
在声明变量时�Q�一律加上 var �Q�以避免歧义�Q�这样在 IE 中亦可正常运行�?br />此外�Q�最好不要取与 HTML 对象 id 相同的变量名�Q�以减少错误�?br />(3)其它
参见问题4

7. event.x 与 event.y 问题
(1)现有问题
在IE 中，event 对象有 x, y 属性，MF中没有�?br />(2)解决�Ҏ��
在MF中，与event.x �{�效的是 event.pageX。但event.pageX IE中没有�?br />故采用 event.clientX 代替 event.x。在IE 中也有这个变量�?br />event.clientX 与 event.pageX 有微妙的差别�Q�当整个��面有滚动条的时候）�Q�不�q�大多数时候是�{�效的�?br />
如果要完全一��P��可以�E�麻烦些�Q?br />mX = event.x ? event.x : event.pageX;
然后用 mX 代替 event.x
(3)其它
event.layerX 在 IE 与 MF 中都有，具体意义有无差别��未试验�?br />
8. 关于frame
(1)现有问题
在 IE中可以用window.testFrame取得该frame�Q�mf中不�?br />(2)解决�Ҏ��
在frame的��用方面mf和ie的最主要的区别是�Q?br />如果在frame标签中书写了以下属性：

那么ie可以通过id或者name讉K��q�个frame对应的window对象
而mf只可以通过name来访问这个frame对应的window对象
例如如果上述frame标签写在最上层的window里面的htm里面�Q�那么可以这栯��?br />ie�Q� window.top.frameId或者window.top.frameName来访问这个window对象
mf�Q� 只能这样window.top.frameName来访问这个window对象

另外�Q�在mf和ie中都可以使用window.top.document.getElementById("frameId")来访问frame标签
�q�且可以通过window.top.document.getElementById("testFrame").src = ‘xx.htm’来切换frame的内�?br />也都可以通过window.top.frameName.location = ‘xx.htm’来切换frame的内�?br />关于frame和window的描�q�可以参见bbs的‘window与frame’文�?br />以及/test/js/test_frame/目录下面的测�?br />----adun 2004.12.09修改

9. 在mf中，自己定义的属性必��getAttribute()取得

10.在mf中没有 parentElement parement.children 而用parentNode parentNode.childNodes
childNodes的下标的含义在IE和MF中不同，MF使用DOM规范�Q�childNodes中会插入�I�白文本节点�?br />一般可以通过node.getElementsByTagName()来回避这个问题�?br />当html中节点缺失时�Q�IE和MF对parentNode的解释不同，例如

MF中input.parentNode的��gؓform, 而IE中input.parentNode的��gؓ�I��?br />
MF中节�Ҏ��有removeNode�Ҏ��Q�必��M��用如下方法 node.parentNode.removeChild(node)

11.const 问题
(1)现有问题:
在 IE 中不能��用 const 关键字。如 const constVar = 32; 在IE中这是语法错误�?br />(2)解决�Ҏ��:
不��用 const �Q�以 var 代替�?br />
12. body 对象
MF的body在body标签没有被浏览器完全��d��之前��存在，而IE则必��d��body完全被读入之后才存在

13. url encoding
在js中如果书写url��q��接写&不要�?amp;amp;例如var url = ‘xx.jsp?objectName=xx&objectEvent=xxx�?
frm.action = url那么很有可能url不会被正常显�C�Z��至于参数没有正确的传到服务器
一般会服务器报错参数没有找�?br />当然如果是在tpl中例外，因�ؓtpl中符合xml规范�Q�要�?amp;书写�?amp;amp;
一般MF无法识别js中的&

14. nodeName 和 tagName 问题
(1)现有问题�Q?br />在MF中，所有节点均有 nodeName ��|��但 textNode 没有 tagName 倹{��在 IE 中，nodeName 的��用好�?br />有问题（具体情况没有��试�Q�但我的IE已经��M��好几�ơ）�?br />(2)解决�Ҏ��Q?br />使用 tagName�Q�但应检��其是否为空�?br />
15. 元素属�?/b>
IE下 input.type属性�ؓ只读�Q�但是MF下可以修�?br />

esprit 2006-07-08 23:50 发表评论