Перед выпуском браузера Microsoft IE5.0 самой большой проблемой в веб-программировании было то, что нелегко создать компоненты для достижения цели повторного использования кода и совместного использования. Эта проблема преследует веб -программистов в DHTML (Dynamic HEML). Они могут повторять только код HTML, CSS и JavaScript, чтобы удовлетворить дубликаты или аналогичные функции на нескольких страницах. Эта ситуация была улучшена с момента выпуска браузера IE5.0. Он приносит нам новый метод комбинации инструкций, который может инкапсулировать код, который реализует конкретные функции в одном компоненте, тем самым реализуя многостраничное повторное использование кода и привлекая веб-программирование в совершенно новый мир. Эта новая технология - «поведение» в DHTML, о котором мы собираемся поговорить.
Вот небольшой пример, который я сделал:
font_effect.htc
Код заключается в следующем:
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Добавить четыре события мыши в «поведение»
<Public: attachevent = "onmouseover" onevent = "glowit ()"/>
<Public: attachevent = "onmouseout" OneVent = "noglow ()"/>
<Public: attachevent = "onmousedown" OneVent = "font2yellow ()"/>
<Public: attachevent = "onmouseup" OneVent = "font2blue ()"/>
// Определите два метода «поведения», обратите внимание, что значение имени не может быть добавлено с помощью скобков
<Public: methodname = "move_down"/>
<Public: methodname = "move_right"/>
<scriptlanguage = "jscript">
// Определите переменную, которая сохраняет цвет шрифта
varfont_color;
// Определите метод для перемещения текста вниз
functionmove_down ()
{
element.style.postop+= 10;
}
// Определите метод перемещения текста вправо
functionmove_right ()
{
element.style.posleft+= 10;
}
// Определите функцию вызова мышиного события OnmouseUp
functionFont2blue ()
{
if (event.srcelement == element)
{
element.style.color = "Blue";
}
}
// Определите функцию вызова мыши OnmouseDown Event
functionFont2yellow ()
{
if (event.srcelement == element)
{
element.style.color = "желтый";
}
}
// Определите функцию вызова мышиного события Onmouseover
functionglowit ()
{
if (event.srcelement == element)