??xml version="1.0" encoding="utf-8" standalone="yes"?>在线观看日本亚洲一区,亚洲国产高清精品线久久,亚洲一区二区观看播放http://www.tkk7.com/Vencent/category/7762.html<font color='orange'>本博客仅为收集所用。在此对原作者表C感谢?lt;/font> <center> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script><div class="custom"> <script type="text/javascript"><!-- google_ad_client = "pub-6256612161572960"; google_ad_width = 728; google_ad_height = 90; google_ad_format = "728x90_as"; google_ad_type = "text"; google_ad_channel =""; google_page_url = document.location; google_color_border = ["FFDDAA","FFDDAA","FFDDAA","FFDDAA"]; google_color_bg = ["EEEEEE","EEEEEE","EEEEEE","EEEEEE"]; google_color_link = ["FFDDAA","0033FF","00008B","99CC33"]; google_color_url = ["999999","0033FF","00008B","FFCC00"]; google_color_text = ["0033FF","AA9999","0033FF","AA9999"]; //--></script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></div></center> <bgsound src="http://www.tkk7.com/Files/Vencent/The%20Mass%20Era.zip" volume="10" loop="10"/>zh-cnMon, 14 May 2007 07:21:44 GMTMon, 14 May 2007 07:21:44 GMT60转蝲QOn having layouthttp://www.tkk7.com/Vencent/articles/117308.html<font color='GREEN'>Vincent Chen</font><font color='GREEN'>Vincent Chen</font>Mon, 14 May 2007 04:53:00 GMThttp://www.tkk7.com/Vencent/articles/117308.htmlhttp://www.tkk7.com/Vencent/comments/117308.htmlhttp://www.tkk7.com/Vencent/articles/117308.html#Feedback0http://www.tkk7.com/Vencent/comments/commentRss/117308.htmlhttp://www.tkk7.com/Vencent/services/trackbacks/117308.html          On having layout

　　译者注Q一很好的文章Q很久以前在blog上就推荐q，q两天断断箋l花了点旉译了一下，推荐读读?a >英文原文在此?/p>

　　文中所有的 layout q个单词都未作翻译，一来本w这个单词意思就比较多，L啥都觉得别扭Q二来它也是专有的属性，所以就意会一下吧。水qx限，很多地方都是模模p糊地意译，发现错误Ƣ迎留言指出?/p>

　　引用一D|?a >Dean Edwards的评P

　　I recommend that every CSS designer and DOM scripter read this. Understanding “layout” gives a huge insight into lots of other IE bugs and idiosyncrasies.

(Dean Edwards)

介绍

　　Internet Explorer 中有很多奇怪的渲染问题可以通过赋予?#8220;layout”得到解决。John Gallant ?Holly Bergevin 把这些问题归cMؓ“寸bug(dimensional bugs)”Q意思是q些 bug 可以通过赋予相应元素某个宽度或高度解冟뀂这便引出关?#8220;layout”的一个问题：Z么它会改变元素的渲染Ҏ，Z么它会媄响到元素之间的关p？q个问题问得很好Q但却很隑֛{。在q篇文章中，我们专注于这个复杂问题会有那些方面的表现Q某一斚w的具体讨论和范例请参考文中给出的相关链接?/p>

hasLayout ?定义

　　“Layout”是一?IE/Win 的私有概念，它决定了一个元素如何显CZ及约束其包含的内宏V如何与其他元素交互和徏立联pR如何响应和传递应用程序事?用户事g{，q有点类g一个窗体的概念?/p>

　　微Y的开发者们认ؓ盒状元素(box-type elements)应该h一?#8220;属?property)”(q是面向对象~程中的一个概?Q于是他们便使用?layout , 也就?hasLayout?/p>

　　hasLayout 其实既不是一个属性更不是一个行为，而是 IE q个渲染引擎代代l承一贯拥有的一个渲染概念，在这个概念下渲染的元素将h一U特性?/p>

　　实际上这U渲染特性在有些 HTML 元素中与w俱来，而在另外一些元素中也可以通过一?CSS 属性将其触发ؓ true Q且一旦触发将不可逆{?/p>

术语

　　当我们说一个元?#8220;拥有layout”?#8220;得到layout”Q或者说一个元?#8220;has layout” 的时候，我们的意思是指它的微软专有属?hasLayout 被设Z true 。一?#8220;layout元素”可以是一个默认就拥有 layout 的元素或者是一个通过讄某些 CSS 属性得?layout 的元素?/p>

　　?#8220;无layout元素”Q是?hasLayout 未被触发的元素，比如一个未讑֮宽高寸的干净 div 元素可以做Z?“无layout先”?/p>

　　l一个默认没?layout 的元素赋?layout 的方法包括设|可触发 hasLayout = true ?CSS 属性。参?a >默认 layout 元素以及q些属?/font>列表。没有办法设|?hasLayout = false Q?除非把一开始那些触?hasLayout = true ?CSS 属性去除?/p>

问题U种

　　hasLayout 的问题不新手还是老手Q不设计师或者程序员可能都遇到过。具?layout 的元素通常有着不同d而且难以预料的的昄效果Q而且有时甚至会牵q到他们的孩子元素?/p>

　　一个元素是否具?#8220;layout”可能会引发如下的一些问题：

  • IE 很多常见的Q?bug ?
  • 元素本n对一些基本属性的异常处理问题?
  • 容器和其子孙之间的边距重?margin collapsing)问题?
  • 使用列表旉到的诸多问题?
  • 背景囑փ的定位偏差问题?
  • 使用脚本旉到的览器之间处理不一致的问题?

　　上面的列表只是列Z个大概，也不完善。下面的文章尽可能详细d的描q有?#8220;layout”所带来的各U问题?/p>

Layout 从何而来

　　不同于标准属性，也不像某些浏览器的私?CSS 属性，layout 无法通过某一?CSS 声明直接讑֮ 。也是说没?#8220;layout属?#8221;q么一个东西，元素要么本n自动拥有 layoutQ要么借助一?CSS 声明悄悄地获?layout?/p>

默认layout元素

　　下列元素应该是默认具?layout 的：

  • <html>, <body>
  • <table>, <tr>, <th>, <td>
  • <img>
  • <hr>
  • <input>, <select>, <textarea>, <button>
  • <iframe>, <embed>, <object>, <applet>
  • <marquee>
属?/h5>

　　下列 CSS 属性和取值将会让一个元素获?layoutQ?/p>

position: absolute
l对定位元素的包含区?containing block)׃l常在这一斚w出问题?
float: left|right
׃ layout 元素的特性，动模型会有很多怪异的表现?
display: inline-block
当一个内联别的元素需?layout 的时候往往p用到它，q也可能也是q个 CSS 属性的唯一效果——让某个元素拥有 layout?#8220;inline-block行ؓ”在IE中是可以实现的，但是非常与众不同Q?underscore hack:

.gainlayout { _height: 0; }

　　另外Q更h向后兼容性的Ҏ是?条g注释(conditional comments):

<!--[if lte IE 6]>
<style>
.gainlayout { height: 1px; }
</style>
<![endif]-->

　　在条件注释中链接一个专门对 IE/Win 做修正的外部样式表文Ӟ也不׃ؓ一个安全有效的好方法：

<link rel="stylesheet" href="allbrowsers.css" type="text/css" />
<!--[if lte IE 6]>
<link rel="stylesheet" href="iefix.css" type="text/css" />
<![endif]-->

　　我们更們֐于?height: 0 ?1px —?q主张始l?height 除非它和别的什么东西冲H?(overflow: hidden)。对于取|我们则們֐于避?1% Q因为它可能?虽然很少)引v一些问?/font>?/p>

　　一个需要注意的情况是如果我们希望一个元素保持内联，那么׃能?height 了，q时可以?display: inline-block 。我们只在早期调试阶D는 zoom: 1 来避免一些渲染错误?/p>

　　我们曄q一些把 Holly hack 真的当作 holy(圣? hack 盲目使用的情况，比如ҎQ动元素用或者对已经h特定宽度的元素也使用q个 hack。要Cq个 hack 的目的不是要l某个元素加一个高度，而只是要触发 hasLayout = True 而已?/p>

　　不要l所有元素设|?layoutQ?code>* {_height: 1px;}。所谓过犹不及，获得 layout 不等于获得灵丹妙药，它只是用来改变渲染模式?/p>

Hack整理

　　但是览器L会变的，我们需要面对很多问题，比如一些依?IE6 ?bug 所做的 hack 会在 IE7 或更高版本的新浏览器中因 bug 修复而失?甚至有害)的问题；比如新版本浏览器中类似的布局 bug 依然存在但用?hack 的过滤器比如 * html 却不能正常工作的问题。这U情况下QMS专有属?zoom 可以考虑使用了?/p> 

<!--[if lt IE 7]><style>
/* IE 6 + IE5.5 + IE5.0 所用样?/
.gainlayout { height: 0; }
</style><![endif]-->
<!--[if IE 7]><style>
.gainlayout { zoom: 1;}
/* 或者其他Q何以后可能需要的东西 */
</style><![endif]-->
  • zoom: 1; 可以?IE5.5+ 的Q何元?包括内联元素)获得 layoutQ但是在 IE5.0 中无效?
  • 没有其他附带效果(内联元素会变?inline-blockQ这个当??
  • 如果需要通过验证Q应该用条g注释?zoom 隐藏h?

　　其实当我们考虑?#8220;向后兼容”时是很自相矛盄Q我们强烈徏议页面设计者回q头看一下自己页面中用的到的明显的或是不明显?#8220;hacks”Qƈ用条件注释针对不同浏览器重新处理以保万无一失?/p>

关于IE Mac 的小问题

　　IE Mac ?windows 下的 IE 是完全不同的两个东西Q它们各自拥有自q渲染引擎QIE Mac 全然不?#8220;hasLayout”(或contenteditable)所谓何物。相比之?IE Mac 的渲染引擎要更标准兼容一点，比如 height 是被当?height 处理Q没有别的效果。因此针?#8220;hasLayout”?hacks 和别的解x?特别是通过使用 height ?width 属性的)往往?IE Mac 来说是有害的Q所以需要对光藏。更多的关于 IE Mac 相关的问题可以在 IE Mac, bugs and oddities pages 扑ֈ?/p>

MSDN 文档

　　MSDN 中涉及到 hasLayout q个 MS 属性的地方寥寥无几Q而具体解?layout ?IE 渲染模型之间关系的则之又少?/p>

　　在IE4的时候，除了未经l对定位也未指定宽高的内联元素，几乎所有元素都有某U?layout(MSDN)。在q种早期的layout概念中，?border, margin, padding q些属性被UC“layout属?#8221;Q它们是不能应用C个简单的内联元素上的。换句话_“拥有layout”可以粗略理解成Q?#8220;可以拥有q几个属?#8221;?/p>

　　MSDN 上仍然?layout 属性这U说法， 只是含义变了Q它们和拥有 layout 的元素已l没有什么关pM。在 IE5.5 中方才引入了 MS 的这个专有属?hasLayoutQ也只是某种内部的标志位而已?/p>

　　?IE5.5 中，MSHTML Editing Platform(卛_以通过讄<body contenteditable=true>来允许用户实时编辑、拖?layout 元素以及调整其尺寸等)的文档中描述了三个和 layout 相关的重要特性：

　　如果一?layout 元素中有内容Q内容的排版布局由它的边界矩Ş框决定?/p>

　　拥有 layout 的意思基本上是表示某元素是一个矩形?/p>

　　从内部来_拥有 layout 意思就是一个元素将自己负责l制其内部内宏V?/p>

(Editing Platform)

　　?layout 自n相关的内部工作机制直?005q?月才有相应文档描qͼ当时׃ The Web Standards Project 和微软的特别工作组的原因，Markus Mielke [MSFT] 打开了深入讨论的大门Q?/p>

　　一般来_?Internet Explorer ?DHTML 引擎中，元素是不对自q位置安排负责的。虽然一?div 或者一?p 元素都在源码中有一个位|，在文档流有一个位|，但是它们的内容却是由它们最q的一?layout 先(l常?body)控制安排的。这些元素依赖它们祖先的 layout 来ؓ他们处理诸如军_大小寸和测量信息等诸多J重的工作?/p>

(HasLayout概述)

分析

　　我们的分析试图解释在已知案例下发生了什么事情，q种分析也应该可以作为未知案例下的指对{但我们q种试图利用U种试案例投石探\的黑测试方法，是注定无法消除黑q秘感的——我们无法回{?#8220;Z?#8221;的问题。我们只能去试了解整个“hasLayout”模式的工作框Ӟ以及它会怎样影响|页文档的渲染。因此，最l我们只能提供一?em>指导斚w(而且只能是指导方针，而不是绝对的解决Ҏ)?/p>

　　我们认ؓ他们所指的是一个小H体。一?layout 元素的内部内Ҏ完全独立的，而且也无法媄响其边界外的M内容?/p>

　　?MS 属?layout 只是某种标志位：一旦它被设定，q个元素׃拥有其特D的 layout“Ҏ?#8221;Q这包括体现在其自n以及光 layout 孩子w上的Q动、清除Q动、层叠、计数等{诸多方面的Ҏ性能?/p>

　　q种独立性也许正可以解释Z?layout 元素通常比较E_Q而且它们可以让某?bug 消失。这U情늚代h有二Q一是偏M标准Q二是它没有考虑C后可能因此出现的 bug 和问题?/p>

　　MS ?#8220;面”模式Q从W号学角度考虑Q可以看做是由很多互不相关的的区块构成Q?HTML ?W3C 的模式则认ؓ“面”模式应该是叙q完备的Q故事性的相关信息区块构成的?/p>

各种情况的详l说?/h4>
清除动和自动扩展适应高度

　　动元素会被 layou 元素自动包含。这是很多新手经帔R到的问题Q在 IE 下完成的面C标准兼容览器下所有未清除的Q动元素都伸出了其包含容器之外?/p>

　　q一步又有一个问题就?在有序列表中)Mh layout 的列表元素似乎都有自q立的计数器。比如我们有一个含五个列表元素的有序列表，只有W三个列表元素有 layout。我们会看到q样Q?/p>

　　1… 2… 1… 4… 5…

　　此外Q如果一个有 layout 的列表元素跨行显C时Q列表符号会底部寚w(而不是按照预料的剙寚w)?/p>

　　以上某些问题q是无法解决的，所以如果需要列表符L时候最好避免让列表和列表元素获?layout。如果需要限定尺寸，最好给别的元素讑֮寸Q比如给整个列表外面套一个元素ƈ讑֮它的宽度Q又或者比如给每个列表元素中的内容讑֮高度{等?/p>

　　另一个IE中列表的常见问题出现在当某个 li 中的内容是一?display: block 的锚?anchor)时。在q种情况下，列表元素之间的空格将不会被忽略而且通常会显C成额外的一行夹在每?li 之间。一U避免这U竖直方向多余空白的解决Ҏ是赋予这些锚?layout。这栯有一个好处就是可以让整个锚点的矩形区域都可以响应鼠标点击?/p>

表格

　　table L?layout 的，它总表Cؓ一个已定义宽度的对象。在IE6中，table-layout: fixed 通常和一个宽度设?00%的表格相同，同时q也会带来很多问?一些计方面的错误)。另外在IE5.5和IE6的quirks模式?a title="查看 Philippe Wittenbergh 的文? >q有一些别的需要注意的情况?/p>

相对定位元素(r.p.)

　　注意Q由?position: relative q不触发 hasLayoutQ所以很多诸如内Ҏ失或错位的渲染错误就会因此而v。这些现象可能会在刷新页面、调整窗口大、滚动页面、选中内容{情况下出现。原因是 IE 在据q个属性对元素做偏Ud理时Q却g忘了发出信号让其 layout 孩子元素q行“重绘”(而如果是一个layout元素Q那么在光l事件的信号链中Q这个传l其孩子的信h会正常发出的)?/p>

　　以上是一些相关问题的描述。作为经验之谈，相对定位一个元素时最好给予其 layout。再有，我们也需要检查拥有这U结构的父元素是否也需?layout 或?code>position: relative亦或二者都需要，如果涉及到Q动元素这点就十分重要?/p>

l对定位元素(a.p.)Q?br>包含区块Q什么是包含区块Q?/span>

　　理解 CSS 的包含区块概念很重要Q它回答了绝对定位元素是相对哪里定位的问题：包含区块军_了偏Uv点，包含区块定义了百分比长度的计参考?/p>

　　对于l对定位元素Q包含区块是由其最q的定位先军_的。如果其先都没有被定位Q那么就使用初始包含区块 html?/p>

　　通常情况下我们会?position: relative 来设定Q意包含区块。这是_我们可以让一个绝对定位元素所参考的原点和长度等不依赖于元素的排列顺序，q可以满?#8220;内容优先”q种可访问性概늚需要，也可以给复杂的Q动布局带来方便?/p>

　　但是׃ layout 概念的存在，q种设计理念的效果在IE中就要打个问号了。因为在IE中绝对定位的元素是相对于其最q的 layout 定位先而做偏移的，而百分比的尺寸却是参考这?layout 定位先的下一?layout 先计算的。注意这里的差别，q有刚才提到 position: relative 是不会触?hasLayout 的?/p>

　　假设一个无 layout 的父元素被相对定位了——我们就得给它赋?layout 才能使偏U量起作用：

　　假设一个未定位的父元素需要特定尺寸，而且面设计是基于百分比宽度的——我们就可以攑ּq个x了，因ؓ览器支持不佻I

  • filter 是只适用?layout 元素的。有些o镜扩展了对象的边界。它们会昄w特有的Jump on :hover
  • CSS 规范Q?code>background-position: 0 0 应该指元素的“补白边缘(padding edge)”。而在 IE/Win 下，如果 hasLayout = false 则指的是“Ҏ边缘(border edge)”Q当 hasLayout=true 时指的才是补白边~：

    　　hasLayout 会媄响一个块U别链接的鼠标响应区?可点d?。通常 hasLayout = false 时只有文字覆盖区域才能响应。?hasLayout = true 则整个块状区域都可响应。添加了 onclick/onmouseover {事件的L块元素也有同样的现象?/p>

    　　两种堆叠模式虽互不相容，但却共存于IE的渲染引擎中。经验之谈：调试的时候，两种情况都要考虑到。我们可能会有规律地在下拉菜单或者类似的复杂菜单中看到相关问题，因ؓ它们往往牉|到堆叠，定位和Q动等诸多令h头疼的问题。给那些 z-index 定位的元?layout 是一U可能的修正ҎQ不q也不限于此Q这里只是提醒一下?/p>

    混ؕ?contenteditable

    　　如果l一?HTML 标签讑֮ contenteditable=true 属性，比如<body contenteditable=true>Q将会允许对该元素以及其 layout 子元素进行实时的~辑、拖动改变尺寸等操作。你可以把这属性用在Q动元素或者一个有序列表中?layout 列表元素上看看效果?/p>

    　　Z对元素进行操?~辑它们)Q?#8220;contenteditable”?#8220;hasLayout”为那?hasLayout q回 true 的元素引入了一套单独的堆叠序?/p>

    　　Editing Platform l承?layout 概念Q对 layout 的误解多是因 contenteditable 而v卛_作ؓ证明(那些某种E度上集成了IE~辑引擎的应用Y件多暗含着对layout概念的某U强制向后兼Ҏ??/p>

    ?CSS 规范cM的地?/h4>

    　　你的 MSIE 面在别的浏览器中一团糟Q我们可没必要让q种事情发生。如果用恰当，M好的览器都能摆q?MSIE 的页面——只要你使用一些正的 CSS?/p>

    　　利用 hasLayout ?#8220;新的块格式内容”之间?em>l微怼之处Q我们可以有几种Ҏ在标准兼Ҏ览器中重新实?hasLayout ?#8220;包含动元素”效果Q和一?#8220;动元素旁边的元?/font>”所Ҏ的效果?/p>

    Quirks 模式

    　　某些 doctypeQ或?<xml> 声明Q在 IE6 中会触发“quirks模式”或曰向后兼容模式。在q种模式下，IE6 像 IE5.5Qƈ且和它老弟拥有一LbugQ一L问题和一L行ؓ?/p>

    　　而对于IE7Q?code><xml> 声明不会再改变渲染模式了Q要触发 quirks 模式Q我们不得不插入一个注释才行?IE7 ?quirks 模式?IE6 ?quirks 模式是否一栯有待验证)

    <?xml version="1.0" encoding="utf-8"?>
<!-- ... ?IE7 q行?quirks 模式 -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

    Layout ?l论

    　　整个 layout 概念和一些基?CSS 概念是不兼容的，卛_含，排列QQ动，定位和层叠等?/p>

    　　׃面中元素或有或没有 layoutQ会D IE/Win 的行为和 CSS 规范相违背?/p>

    拥有 layout ?另外一个引擎？

    　　软g bug 是由于在制作q程中对完整性和逻辑问题考虑不周{h为错误而导致的。这是hcȝ固有~陷Q目前还没有什么好的解x法?/p>

    　　同样׃q种~陷QQ何试图不重写软g而修?bug 的做法，都将会不可避免的D软g中出现更复杂的bug?/p>

    　　所有依赖别的Y件的软g——当然包括依赖操作系l，也会同样依赖他们?bug。于是我们会从所有关联的软g中得Cq串?bugQ这也更说明扑ֈ一个无 bug 软g是几乎不可能的?/p>

    (Molly, the cat?)

    　　　　本文创徏?005q??0日，最后一ơ修改于2006q??日?/p>

    ~者：
    Holly Bergevin
    Ingo Chao
    Bruno Fassino
    John Gallant
    Georg S?rtun
    Philippe Wittenbergh
    特别致谢l予此项目支持的Q?
    Dean Edwards, and Molly ?the cat?
    各种语言版本Q?
    Original(English)
    Brazilian Portuguese by Mauricio Samy Silva
    中文版本 by old9
    相关讨论Q?
    dean.edwards.name/weblog/
    联系作者：
    spam.layout@satzansatz.de
    版权说明Q?
    本文Z创作q协议发布?


    Vincent Chen 2007-05-14 12:53 发表评论
    ]]> Web 昄层技术评? http://www.tkk7.com/Vencent/articles/58380.html<font color='GREEN'>Vincent Chen</font><font color='GREEN'>Vincent Chen</font>Sat, 15 Jul 2006 17:46:00 GMThttp://www.tkk7.com/Vencent/articles/58380.htmlhttp://www.tkk7.com/Vencent/comments/58380.htmlhttp://www.tkk7.com/Vencent/articles/58380.html#Feedback0http://www.tkk7.com/Vencent/comments/commentRss/58380.htmlhttp://www.tkk7.com/Vencent/services/trackbacks/58380.html阅读全文

    Vincent Chen 2006-07-16 01:46 发表评论
    ]]>    javascript事gl合http://www.tkk7.com/Vencent/articles/37020.html<font color='GREEN'>Vincent Chen</font><font color='GREEN'>Vincent Chen</font>Thu, 23 Mar 2006 04:25:00 GMThttp://www.tkk7.com/Vencent/articles/37020.htmlhttp://www.tkk7.com/Vencent/comments/37020.htmlhttp://www.tkk7.com/Vencent/articles/37020.html#Feedback0http://www.tkk7.com/Vencent/comments/commentRss/37020.htmlhttp://www.tkk7.com/Vencent/services/trackbacks/37020.html

     

    javascript事g查询l合
    click()   对象.click()   使对象被点击?br />closed   对象.closed   对象H口是否已关闭true/false
    clearTimeout(对象) 清除已设|的setTimeout对象
    clearInterval(对象) 清除已设|的setInterval对象
    confirm("提示信息") 弹出认框，定q回true取消q回false
    cursor:样式  更改鼠标样式 hand crosshair text wait help default auto e/s/w/n-resize

    event.clientX  q回最后一ơ点击鼠标X坐标|
    event.clientY  q回最后一ơ点击鼠标Y坐标|
    event.offsetX  q回当前鼠标悬停X坐标?br />event.offsetY  q回当前鼠标悬停Y坐标?/p>

    document.write(document.lastModified)  |页最后一ơ更新时?br />document.ondblclick=x  当双击鼠标生事?br />document.onmousedown=x  单击鼠标键生事?/p>

    document.body.scrollTop; q回和设|当前竖向滚动条的坐标|M函数配合,
    document.body.scrollLeft; q回和设|当前横向滚动务的坐标|M函数配合Q?br />document.title  document.title="message"; 当前H口的标题栏文字
    document.bgcolor document.bgcolor="颜色?; 改变H口背景颜色
    document.Fgcolor document.Fgcolor="颜色?; 改变正文颜色
    document.linkcolor document.linkcolor="颜色?; 改变联接颜?br />document.alinkcolor document.alinkcolor="颜色?; 改变正点击联接的颜色
    document.VlinkColor document.VlinkColor="颜色?; 改变已访问联接的颜色
    document.forms.length q回当前form表单?br />document.anchors.length q回当前锚的数?br />document.links.length q回当前联接的数量
    document.onmousedown=x 单击鼠标触发事g
    document.ondblclick=x 双击鼠标触发事g
    defaultStatus  window.status=defaultStatus; 状态栏讄默认昄

    function  function xx(){...}  定义函数
    isNumeric               判断是否是数?br />innerHTML  xx=对象.innerHTML  输入某对象标{中的html源代?br />innerText  divid.innerText=xx  以div定位以id命名的对象D为XX

    location.reload(); 使本刷斎ͼtarget可等于一个刷新的|页

    Math.random()           随机涉|,只能??之间的数,如果要得到其它数,可以?10,再取?br />Math.floor(number) 对象number转ؓ整数Q舍取所有小?br />Math.min(1,2)  q回1,2哪个?br />Math.max(1,2)  q回1,2哪个?/p>

    navigator.appName q回当前览器名U?br />navigator.appVersion q回当前览器版本号
    navigator.appCodeName q回当前览器代码名?br />navigator.userAgent q回当前览器用户代标志

    onsubmit  onsubmit="return(xx())"  使用函数q回?br />opener   opener.document.对象  控制原打开H体对象

    prompt   xx=window.prompt("提示信息","预定?); 输入语句
    parent   parent.框架?对象 控制框架面

    return   return false   q回?br />random   随机参数Q??之间Q?br />reset()   form.reset();   使form表单内的数据重置

    split("")  string.split("")  string对象字符以逗号隔开
    submit()  form对象.submit()  使form对象提交数据

    String对象的?charAt(x)对象 反回指定对象的第多少位的字母
           lastIndexOf("string") 从右到左询找指定字符Q没有返?1
           indexOf("string") 从左到右询找指定字符Q没有返?1
           LowerCase()  对象全部{为小?
           UpperCase()  对象全部{为大?br />substring(0,5)  string.substring(x,x)  q回对象中从0?的字W?br />setTimeout("function",time) 讄一个超时对?br />setInterval("function",time) 讄一个超时对?/p>

    toLocaleString() x.toLocaleString()  从x旉对象中获取时_以字W串型式存在
    typeof(变量?   查变量的cdQ值有QString,Boolean,Object,Function,Underfined

    window.event.button==1/2/3 鼠标键左键等?右键{于2两个键一h?
    window.screen.availWidth q回当前屏幕宽度(I白I间)
    window.screen.availHeight q回当前屏幕高度(I白I间)
    window.screen.width  q回当前屏幕宽度(分L率?
    window.screen.height  q回当前屏幕高度(分L率?
    window.document.body.offsetHeight; q回当前|页高度
    window.document.body.offsetWidth; q回当前|页宽度
    window.resizeTo(0,0)  窗口设|宽?br />window.moveTo(0,0)  窗口移到某位置
    window.focus()  使当前窗口获得焦?br />window.scroll(x,y) H口滚动条坐标，y控制上下UdQ须与函数配?br />window.open()  window.open("地址","名称","属?)
       属?toolbar(工具?,location(地址?,directions,status(状态栏),
       menubar(菜单?,scrollbar(滚动?,resizable(改变大小),  width(?,height(?,fullscreen(全                                  ? ?,scrollbars(全屏时无滚动条无??channelmode(宽屏),left(打开H口x坐标),top(打开H口y坐标)
                            window.location = 'view-source:' + window.location.href  应用事g查看|页源代?


    a=new Date();  //创徏aZ个新的时期对?br />y=a.getYear(); //y的gؓ从对象a中获取年份?两位数年?br />y1=a.getFullYear(); //获取全年份数 四位数年?br />m=a.getMonth();  //获取月䆾?br />d=a.getDate();  //获取日期?br />d1=a.getDay();  //获取当前星期?br />h=a.getHours();  //获取当前时?br />m1=a.getMinutes(); //获取当前分钟?br />s=a.getSeconds(); //获取当前U钟?/p>


    对象.style.fontSize="文字大小";
    单位Qmm/cm/in英寸/pc?pt?px象素/em文字?br />1in=1.25cm
    1pc=12pt
    1pt=1.2px(800*600分辩率下)

    文本字体属性：
            fontSize大小
     family字体
     color颜色
     fontStyle风格Q取gؓnormal一?italic斜体,oblique斜体且加_?br /> fontWeight加粗,取gؓ100?00不等,900最_?light,normal,bold
     letterSpacing间距,更改文字间距?取gؓ,1pt,10px,1cm
     textDecoration:文字修饰;取?none不修?underline下划U?overline上划U?br /> background:文字背景颜色,
     backgroundImage:背景囄,取gؓ囄的插入\?/p>


    点击|页正文函数调用触发器：

    1.onClick 当对象被点击
    2.onLoad 当网|开,只能书写在body?br />3.onUnload 当网关闭或d?只能书写在body?br />4.onmouseover 当鼠标悬于其上时
    5.onmouseout 当鼠标离开对象?br />6.onmouseup 当鼠标松开
    7.onmousedown 当鼠标按下键
    8.onFocus 当对象获取焦Ҏ
    9.onSelect 当对象的文本被选中?br />10.onChange 当对象的内容被改?br />11.onBlur 当对象失ȝ?br />onsubmit=return(ss())表单调用时返回的?/p>

    直线          border-bottom:1x solid black
    虚线          border-bottom:1x dotted black
    点划U      ?border-bottom:2x dashed black
    双线          border-bottom:5x double black
    槽状          border-bottom:1x groove black
    脊状          border-bottom:1x ridge black


    1.边缘高光glow(color=颜色,strength=亮光大小)<br>
    2.水^{fliph() 使对象水q翻?80?lt;br>
    3.垂直{flipv() 使对象垂直翻?80?lt;br>
    4.对象模糊blur(add=true/false direction=方向 strength=强度)
     add指定是否按印象画z进行模pdirection模糊方向strength模糊强度
    5.对象透明alpha(opaction=0-100,finishopacity=0-100,style=0/1/2/3)
     opaction对象整体不透明值finishopacity当对象利用了渐透明时该Ҏ定结束透明位置的不透明值style指定透明方式0为整体透明Q?为线型透明Q?为圆型透明Q?为矩形透明
    6.去除颜色chroma(color=颜色?使对象中颜色与指定颜色相同区域透明
    7.建立阴媄dropshadow(color=阴媄颜色,offx=水^向左偏离像素,offy=水^向下偏离像素)
    8.去色gray()使对象呈灰度昄
    9.负片效果invert()使对象呈底片效果
    10.高光light()使对象呈黑色昄
    11.遮盖mask(color=颜色)使整个对象以指定颜色q行蒙板一?/p>

    opacity 表透明度水q?0~100,0表全透明,100表完全不透明
    finishopacity表想要设|的渐变透明效果.0~100.
    style 表透明区的形状.0表统一形状.1表线?2表放Ş.3表长方Ş.
    startx.starty表渐变透明效果的开始时X和Y坐标.
    finishx,finishy渐变透明效果l束时x,y 的坐?
    add有来定是否在模p效果中使有原有目标.gؓ0,1.0??,1??.
    direction讄模糊的方?0度表垂直向上,45度ؓ一个单?默认值是向左270?left,right,down,up.
    strength 只能用整数来定.代表有多个像素的宽度将受到模糊影响.默认??
    color要透明的颜?
    offx,offy分别是x,y 方向阴媄的偏U量.
    positive指投影方?0表透明像素生成阴媄.1表只l出不透明像素生成阴媄..

    AddAmbient:加入包围的光?
    AddCone:加入锥Ş光源.
    AddPoint加入点光?br />Changcolor:改变光的颜色Q?br />Changstrength:改变光源的强度．
    Clear:清除所有的光源Q?br />MoveLight:Ud光源Q?/p>

    freq是LU的频率Q在指定在对象上一区需要生多个完事的LU．
    lightstrength可对于LU增强光q效果Q显?~100正整敎ͼ正u波开始位|是0~360度．0表从0度开始，25表从90度开始．
    strength表振q大．


    hand                          style="cursor:hand"
    crosshair                     style="cursor:crosshair"
    text                          style="cursor:text"
    wait                          style="cursor:wait"
    default                       style="cursor:default"                   
    help                          style="cursor:help"
    e-resize                      style="cursor:e-resize"
    ne-resize                     style="cursor:ne-resize"
    n-resize                      style="cursor:n-resize"
    nw-resize                     style="cursor:nw-resize"
    w-resize                      style="cursor:w-resize"
    s-resize                      style="cursor:s-resize"
    sw-resize                     style="cursor:sw-resize "
    se-resize                     style="cursor:se-resize"
    auto                          style="cursor:auto"



    Vincent Chen 2006-03-23 12:25 发表评论
    ]]>    判断中文输入--Javascripthttp://www.tkk7.com/Vencent/articles/30716.html<font color='GREEN'>Vincent Chen</font><font color='GREEN'>Vincent Chen</font>Tue, 14 Feb 2006 15:30:00 GMThttp://www.tkk7.com/Vencent/articles/30716.htmlhttp://www.tkk7.com/Vencent/comments/30716.htmlhttp://www.tkk7.com/Vencent/articles/30716.html#Feedback0http://www.tkk7.com/Vencent/comments/commentRss/30716.htmlhttp://www.tkk7.com/Vencent/services/trackbacks/30716.html var ret=true;
     for(var i=0;i<s.length;i++){
      ret=ret && (s.charCodeAt(i)>=10000);
     }
     return ret;
    }

    Vincent Chen 2006-02-14 23:30 发表评论
    ]]>    prototype1.3.1源代码解?/title><link>http://www.tkk7.com/Vencent/articles/30301.html</link><dc:creator><font color='GREEN'>Vincent Chen</font></dc:creator><author><font color='GREEN'>Vincent Chen</font></author><pubDate>Sat, 11 Feb 2006 14:26:00 GMT</pubDate><guid>http://www.tkk7.com/Vencent/articles/30301.html</guid><wfw:comment>http://www.tkk7.com/Vencent/comments/30301.html</wfw:comment><comments>http://www.tkk7.com/Vencent/articles/30301.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.tkk7.com/Vencent/comments/commentRss/30301.html</wfw:commentRss><trackback:ping>http://www.tkk7.com/Vencent/services/trackbacks/30301.html</trackback:ping><description><![CDATA[     摘要: 作者：醒来 ~辑Qrobbinprototype.js/** * 定义一个全局对象, 属?Version 在发布的时候会替换为当前版本号 */var Prototype = { Version: '1.3.1', // 一个空ҎQ其后的代码怼用到Q先前的版本该方法被定义?Ajax cM? emptyFunction: function() {}}/** * 创徏一U类型，注意其属?..  <a href='http://www.tkk7.com/Vencent/articles/30301.html'>阅读全文</a><img src ="http://www.tkk7.com/Vencent/aggbug/30301.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.tkk7.com/Vencent/" target="_blank"><font color='GREEN'>Vincent Chen</font></a> 2006-02-11 22:26 <a href="http://www.tkk7.com/Vencent/articles/30301.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>prototype.js开发笔?/title><link>http://www.tkk7.com/Vencent/articles/30300.html</link><dc:creator><font color='GREEN'>Vincent Chen</font></dc:creator><author><font color='GREEN'>Vincent Chen</font></author><pubDate>Sat, 11 Feb 2006 14:25:00 GMT</pubDate><guid>http://www.tkk7.com/Vencent/articles/30300.html</guid><wfw:comment>http://www.tkk7.com/Vencent/comments/30300.html</wfw:comment><comments>http://www.tkk7.com/Vencent/articles/30300.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.tkk7.com/Vencent/comments/commentRss/30300.html</wfw:commentRss><trackback:ping>http://www.tkk7.com/Vencent/services/trackbacks/30300.html</trackback:ping><description><![CDATA[     摘要: 覆盖版本 1.3.11. Prototype是什?或许你还没有用过它， prototype.js 是一个由Sam Stephenson写的JavaScript包。这个构思奇妙编写良好的一D兼Ҏ准的一D代码将承担创造胖客户端， 高交互性WEB应用E序的重担。轻村֊入Web 2.0Ҏ。如果你最q体验了q个E序包，你很可能会发现文档ƈ不是它的强项之一。像所有在我之前的...  <a href='http://www.tkk7.com/Vencent/articles/30300.html'>阅读全文</a><img src ="http://www.tkk7.com/Vencent/aggbug/30300.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.tkk7.com/Vencent/" target="_blank"><font color='GREEN'>Vincent Chen</font></a> 2006-02-11 22:25 <a href="http://www.tkk7.com/Vencent/articles/30300.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item></channel></rss> <footer> <div class="friendship-link"> <p>лǵվܻԴȤ</p> <a href="http://www.tkk7.com/" title="亚洲av成人片在线观看">亚洲av成人片在线观看</a> <div class="friend-links"> </div> </div> </footer> վ֩ģ壺 <a href="http://664403.com" target="_blank">߹ۿ˳վҹ</a>| <a href="http://yw5168.com" target="_blank">97ԭѹۿ</a>| <a href="http://www52a.com" target="_blank">Ļ4</a>| <a href="http://km9c.com" target="_blank">պ</a>| <a href="http://trio2003.com" target="_blank">Ʒһģʽ</a>| <a href="http://www282pp.com" target="_blank">ŷղվ </a>| <a href="http://www-34595.com" target="_blank">˳վ߹ۿ </a>| <a href="http://rr7733.com" target="_blank">ѾƵ߹ۿ</a>| <a href="http://jnyygs.com" target="_blank">þAVҹƷһ </a>| <a href="http://mangshigas.com" target="_blank">椸Ƶ߹ۿ</a>| <a href="http://yuduruizhi.com" target="_blank">þþþseɫ͵͵޾Ʒav</a>| <a href="http://k5nn.com" target="_blank">yyƵ</a>| <a href="http://datian-cn.com" target="_blank">ձ˳Ļ</a>| <a href="http://meijibear.com" target="_blank">penƵѹۿ</a>| <a href="http://929119.com" target="_blank">˳߲</a>| <a href="http://littlevv.com" target="_blank">츾ٸ߹ۿ</a>| <a href="http://wwwks2424.com" target="_blank">һþAþѾƷ</a>| <a href="http://gdjiayou.com" target="_blank">ͬ˧GAYƬ߹ۿ</a>| <a href="http://assbjg.com" target="_blank">ҹƷ߹ۿ</a>| <a href="http://wwkk3.com" target="_blank">˾þô߽ڹ</a>| <a href="http://my94ok.com" target="_blank">ʵƵѹۿ</a>| <a href="http://haichuanwangluo.com" target="_blank">ɫƵۿһ</a>| <a href="http://788qj.com" target="_blank">ۺ޹һҳ </a>| <a href="http://www-175345.com" target="_blank">91Ƶ</a>| <a href="http://51708695.com" target="_blank">ɫһ</a>| <a href="http://4438xx21.com" target="_blank">67194</a>| <a href="http://aa77cc.com" target="_blank">þþƷձҰ</a>| <a href="http://zjszbwzl.com" target="_blank">һһƬѲi</a>| <a href="http://hzsprfm.com" target="_blank">99re6ƵƷ</a>| <a href="http://6777s.com" target="_blank">ۺһ</a>| <a href="http://502274.com" target="_blank">պһƵ</a>| <a href="http://8123pp.com" target="_blank">йһػƵƬ</a>| <a href="http://czdlglass.com" target="_blank">ɫavɫ߹</a>| <a href="http://www-63228.com" target="_blank">ɫ˿߹ۿ</a>| <a href="http://4388x4.com" target="_blank">ƷϵƵ</a>| <a href="http://27simnjingmiguan.com" target="_blank">޳AƬ߹ۿ벻 </a>| <a href="http://xiaochidaquan.com" target="_blank">þ޸ۺ</a>| <a href="http://42329c.com" target="_blank">ӾƷ</a>| <a href="http://szq18888.com" target="_blank">˵߹ۿ</a>| <a href="http://ziguang1688.com" target="_blank">޾ƷþþþþĻ</a>| <a href="http://plladay.com" target="_blank">18Ʒ׽߹ۿ </a>| <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body>