Javascript CSS¼ÇÊÂ
×¢£º"elm"´ú±íij¸öDOMÔªËØ£¬"xxx"´ú±íij¸öCSSÊôÐÔ
Ò»¡¢elm.style.xxx Ö»ÄÜ»ñÈ¡ÄÚÁªÑùʽÀïµÄÖµ
ÒªÏë»ñµÃÕýÈ·µÄcssÖµ£º
IE£ºelm.currentStyle[xxx]
W3C±ê×¼£ºdocument.defaultView.getComputedStyle(elm,"")[xxx]
×¢Ò⣺ÓÃIE·½·¨·µ»ØÖµ¿ÉÄܲ»ÊÇÊý×Ö£¬¶øÊÇauto£»ÓÃw3cµÄ·½·¨×ÜÊǻ᷵»ØÊý×Ö+µ¥Î»
Èý¡¢offsetLeft
1.ä¯ÀÀÆ÷ÊÇ·ñ»á°ÑbodyµÄ¸÷¸öÊôÐÔÖµ(margin,padding,border)°üÀ¨ÔÚoffsetLeftÄÚ£¿
IE6/7IE8Firefox
margin-left
·ñ
ÊÇ
ÊÇ
padding-left
ÊÇ
ÊÇ
ÊÇ
border-left
·ñ
ÊÇ
·ñ
2.¸¸ÔªËصÄÊôÐÔÖµÒ²»á°üÀ¨ÔÚoffsetLeftÄÚ
3.¶ÔÓÚÔªËØ×ÔÉíµÄÊôÐÔÖµ£¬Ö»ÓÐmargin-left»á±»°üÀ¨ÔÚoffsetLeftÄÚ
4.ÔÚÔªËØ display:none Çé¿öÏ offsetLeft µÄÖµ£º IE6/7:-1 IE8/Firefox:0
5.visibility:hidden²»»áÓ°ÏìoffsetLeft
6.bodyµÄoffsetLeftÖµ:
A.IE6/7»á°ÑbodyµÄmargin-left°üÀ¨ÔÚÆäoffsetLeftÄÚ
B.ÈôbodyÓпí¶ÈΪxµÄ±ß¿ò(border)£¬ÔÚFirefoxÀïbodyµÄoffsetLeft»á±ä³É-x
ËÄ¡¢offsetTop
Çé¿öÓëoffsetLeftÒ»Ñù
Îå¡¢offsetWidthºÍoffsetHeight
ÔÚËùÓÐÖ÷Á÷ä¯ÀÀÆ÷ÀÕâÁ½¸öÊôÐÔµÄÖµ¶¼ÊÇ£ºborder+padding+width
Ïà¹ØÎĵµ£º
1.ÀûÓÃJavascriptʵÏÖ²âÊÔä¯ÀÀÆ÷ÀàÐÍÔÙµ÷ÓÃÏàÓ¦µÄÖ÷Ò³
¡¡¡¡ÓÉÓÚIEºÍNetscapeµÄijЩ²»¼æÈÝ£¬Ê¹µÃÖ÷Ò³ÖÆ×÷³öÀ´ºóÔÚÁ½ÕßÖÐÓнϴó²î±ð£¬ÓеÄÉõÖÁ²»ÄÜʹÓá£Îª±ãÓÚ¹ÜÀí£¬×î¼ÑµÄ·½·¨¾ÍÊÇÏȲâÊÔä¯ÀÀÆ÷ÀàÐÍ£¬ÔÙµ÷ÓÃÏàÓ¦µÄÖ÷Ò³¡£
¡¡¡¡ËüµÄ×ö·¨¾ÍÊÇÔÚ´ËÒ³ÉÏÉèÖÃÈ磺
¡¡¡¡£¼html£¾
¡¡¡¡£¼head£¾
¡¡¡¡£¼title£¾¼ì²âä¯ÀÀÆ÷£¼/title£ ......
js.js
var xmlDoc;
function cleanData(getObj)
{
if(getObj)
{
getObj.options.length = 0;
}
}
function getxmlDoc()
{
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
......
WPFµÄWebBrowserºÍWinFormµÄWebBrowserÓÐÒ»¶¨Çø±ð¡£
ÒªÏòÆäÖÐ×¢Èëjavascript½Å±¾£¬¾¹ý±¾ÈËÊÔÑ飬ÏÂÃæÒ»Ìõ·¿ÉÒÔ×ßͨ£º
mshtml.HTMLDocument htmlDoc = Browser.Document as mshtml.HTMLDocument;
var head = htmlDoc.getElementsByTagName("head").Cast<HTMLHeadElement>().First();
var script = (IHTMLS ......
Õâ¸ö“ä¯ÀÀÆ÷ĬÈÏHTMLµÄCSSÑùʽÊôÐÔ”£¬ÔÚÄãÐèÒª»¹ÔĬÈÏÖµµÄʱºò£¬±È½ÏÓÐÓ᣿ªÊ¼µÄʱºòÓ¦ÓÃͨÅäÑ¡ÔñÆ÷ *
{margin:0;padding:0;}£¬µ±ÐèҪʹÓñ߾àµÄʱºò£¬¾ÍÐèÒª»¹ÔHTMLĬÈÏCSSÖµÁË¡£
µ«Í¨ÅäÑ¡ÔñÆ÷ÔÚ´óÐÍÍøÕ¾µÄ¹¹½¨ÖУ¬Ó°
ÏìÐÔÄÜ£¬¿ÉÒԲο¼52CSS.comµÄÏà¹ØÎÄÕ£¬´ó¼Ò»¹ÊÇÐèÒª½÷É÷һЩ¡£
¡¡¡¡Ò ......
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>ÎÞ±êÌâÒ³</title>
<LINK href="../css/skin1.css" mce_href="css/skin1.css" rel="stylesheet" type="text/css">
<mce:script language="JavaScript" type="text/javascript"><!--
function changeSkin(n ......