In: Uncategorized
23 Feb 2009Протоколът JavaScript:
Приложение на JavaScript в DHTML 211
Протоколът javascript: може да бъде гети към атрибута href на HTML тага <а>
* -*
чин за цел на съответната хипервръзка се -JavaScript функция.
Името на функцията се поставя веднага
За да зададете с <а> хипервръз-ka, konrno не притежава цел, използвайте javascript://. Така ще можете да използвате други атрибути, например onmouseover.
цификатора на протокола, за да се идентисЬ ^ f s ^^Циод
скриптът, които трябва да бъде изпълнен. Дру
възможност е след спецификатора директно л
m ^
въведе кратък скриптов код. Това се извърщва следния начин:
<а href=”javascript:alert (’Това е код, поставен между HTML тагове1 ) “>Връзка 1</а> <а href=”javascript:fI()”>Връзка 2</а>
Този пример съдържа както директно въведен код, така и извикване на функция. Всеки от тях се изпълнява, когато потребителят избере съответната хипервръзка:
//Функция за извеждане на просто съобщение function flO
<
alert(”Това е код в JavaScript файл”};
Том е код, поставен между HTML тагове
Атрибути за слой
ЕДНИ от най-важните атрибути за стил (задават се със style) на «Ну>-елементите, които могат да бъдат използвани в DHTML, са id, top, left, z-index, visibility, color и background-color.
Тези стилови атрибути могат да бъдат динамично променени чрез присвояване на нови стойности към тях с помощта на JavaScript.
Следващият пример демонстрира получаването на достъп до всеки от атрибутите чрез изброяване на стойностите на елемент <div> с име sloi под формата на списък:
//Функция, която показва атрибутите //за стил на слой, зададен с таг <div> function stil () < var obj = document.getElementByld(”sloi”);
var str = “Стойностите на атрибутите на слоя са:\п”;
//Изписване на стойностите на атрибутите
str += “ID: “ + obj.id + “\n”;
str += “top: “ + obj.style.top + “\n”;
str += “left: “ + obj.style.left + “\n”;
str += “z-index: “ + obj.style.zIndex + “\n”;
CSS стилът г-index се обозначава В JavaScript с термина zlndex. Също maka, CSS стилът за фонов цвят 8 JavaScript се задава kamo backgrounrJColor.
str += “visibility: ” + obj.style-visibiiit 11 \n”; У +
str += “color: ” + obj.style.backgroundColo “\n”;
str += “background-color: ” + obj.style.col alert(str);
Go Bookmaiks look hHp
: L, f Custonize Linl<5 ij Free Hotmail Lj Windows Marketpl
Настройване на Видимостта
След като вече знаете как да получите достъп до стиловете на слоевете с помощта на JavaScript. лесно можете да експериментирате с тях, като ползвате скриптове, за да променяте динамй4 стойностите им. Например при задаване на стойност hidden н
стиловия атрибут visibility съответният сло
скрива.
Обратно, ако зададете стойност visible за с
атрибут на слой, който е създаден първон .^
hidden, той вече няма да бъде скрит и ше
В скрипта от следващия пример
видимостта на слой с visibility се
1
зване на манипулаторите на събития onmouseover и onmouseout. Това се извършва, като в секцията Body на HTML документа се въведе следния код:
<р><а href=”javascript://”
onmouseover=”sun ( ) ”
sum_ne () “>Връзка</аХ/р>
В този скрипт могат да се използват повече от един слоеве, за да се получи по-мащабен ефект:
//Функция, която прави слоя видим
function sun ()
I
//Обръщение към слоя чрез атрибута id
//и присвояване на променлива
var obj = document .getElementByld (”sloi” } ;
//Визуализиране на слоя
obj . style. visibility^ “visible”;
//Функция, която скрива слоя
function sum_ne()
{
//Обръщение към слоя чрез атрибута id
//и присвояване на променлива
var obj = document. getElementByld (”sloi”) ;.
//Скриване на слоя
obj . style. visibility^ “hidden”;
}
Следващите илюстрации демонстрират ефекта от този скрипт, когато потребителят придвижи курсора на мишката над хипервръзката и извън нея.
No related posts.
В този блог за уеб дизайн можете да намерите много полезна информация ако сте решили да се занимавате с уеб дизайн и програмиране. Също така ще може да срещнете и статии за SEO (search engine optimization) оптимизация. Надяваме се блога да ви допадне и да станете редовни читатли.
1 Response to Протоколът JavaScript
Уеб дизайн митове, какво има значение при изработването на уеб сайтове Оптимизация на сайтове за търсачки
February 25th, 2009 at 21:41
[...] от вашия сайт, е вярно, че повече добавяте графики, JavaScript, аудио елементи и анимации, толкова по-дълго вашия [...]