| |
|
|
| | А именно pixelTop (pixelBottom, pixelLeft, pixelRight, pixelBottom), а также clientWidth и clientHeight.
Иногда мне кажется, что книгу, по которой я изучаю JavaScript, переведена с помощью программы-переводчика. Так и не смог разобраться в этих свойствах. | |
| |
|
|
| |
|
|
| |
для: Mookapek
(11.02.2010 в 22:00)
| | | Что касается pixelTop и прочее pixelХХХ - забудьте и даже не старайтесь понять.
Эта примочка работает исключительно в MSIE и в последних Opera'х.
Прочие браузеры включать их в свойства тегов, насколько мне известно, не планируют.
А вот насчёт clientWidth и clientHeight - это вещи полезные, очень часто нужны.
Понять просто, особо, если сравнить с offsetWidth и offsetHeight:
оффсеты - это наружные размеры объектов, грубо говоря "габариты";
клиенты - это внутренние размеры (оффсет минус толщина бордеров, минус паддинги, минус ширина скроллбара).
Пример для уяснения:
<script>
function mFunc ()
{
with (document.getElementById ('txt'))
document.getElementById ('info').innerHTML += 'offset: W=' + offsetWidth + '\tH=' + offsetHeight +
'<br>client: W=' + clientWidth + '\tH=' + clientHeigh + '<hr>';
}
</script>
<textarea id="txt" cols="80" rows="5" ></textarea>
<br>
<input type="button" value="Go!" onclick="mFunc ()">
<br>
<pre id="info"></pre>
|
Если запустите этот пример в браузере Mozilla Gesko, то, например, с удивлением узнаете, что у ЛЮБОГО элемента в нём есть предустановленный по умолчанию padding == 1px.
Кроме того, введите в текстовое поле 6-7 строчек и снова нажмите на кнопку: сразу легко узнаете - какая ширина у скроллбара в Mozilla по умолчанию.
А если ещё поизменяете масштаб - то много чего интересного узнаете :-)
Узнав всё это, можно это программно обработать. Для того "клиенты" и нужны. | |
| |
|
|
