domFunction

21 Dec 11:59 am


Original: http://www.brothercake.com/site/resources/scripts/domready/

Версія 1.1 – 22 Красавік 2005

domFunction з’яўляецца простым ў порцыі-дапаможны скрыпт, які дазваляе іншым DOM сцэнары для запуску перад window.onload, практычным перавагай з’яўляецца наяўнасць не павінны чакаць, малюнкаў або іншых залежнасцяў, каб спыніць загрузку ў любым выпадку – можа пачацца, як толькі DOM гатовы: ^)

Гэта працуе ва ўсіх браўзэрах, акрамя DOM Mac/IE5, Safari 1.0, KDE ці <3,2 (пры ўключаным JavaScript):

  • View domFunction у дзеянні

дэма выкарыстоўваць Alert () дыялогавае акно для адлюстравання тэставай функцыі называецца, з’яўляючыся, у той час як вялікія выявы BMP нагрузкі на пярэднім плане. Калі скрыпт (або скрыпт) не падтрымліваецца, папярэджанне () не будзе.

Вы атрымліваеце сцэнар

Спампаваць ZipFile[2k], вымання каталогаў на вашым сайце і зачыніць скрыпт на вашай старонцы – што можа працаваць дзе заўгодна, але калі ён будзе называцца іншых функцый неабходна для іх у зыходным кодзе наперадзе:


Затым з дапамогай канструктара аб’екта для вызначэння асобных функцый. Вы можаце называць імем функцыі:

  Foobar VAR = новы domFunction (туРипсЫоп) 

Ці напісаць ананімную функцыю непасрэдна ў канструктару:

  Foobar VAR = новы domFunction (функцыя () { / / код ... }) 

функцыя выклікаецца, калі DOM гатовы вызначаецца (на існаванне GetElementsByTagName метад і наяўнасць , тут ёсць ідэя, як выкарыстоўваць DOM метады бяспечна, у тым ліку фарміраванне і замацаванне новага элементаў).

Вы сапраўды можаце разглядаць

як звычайны функцыі OnLoad выключэннем таго, што – калі вы збіраецеся кіраваць любы існуючы HTML элементы, за выключэннем цела (напрыклад, чытанне або дадаць), Акрамя таго, неабходна разгледзець тыя элементы, перш чым ваш сцэнар называецца.

Але гэтага, інжынер-канструктар неабавязковы другі аргумент – аб’ект значок, які вызначае прадметаў або калекцый, шрыфт павінен быць правераны, перш чым спрабаваць выклікаць функцыю:

  Foobar VAR = новы domFunction (функцыя () { / / код ... }, {'плакатамі': 'ID', 'h1': 'тэг'}); 

Кожная пара імя / значэнне павінна быць:

  • ID элемента, за якім ідуць “ID” значэнне, каб праверыць з ці гэты элемент існуе, або
  • імя тэга элемента, за якім ідуць “пазнакі” значэнне, каб праверыць, ці з’яўляецца калекцыя мае ніякага членаў.

Такім чынам, што ж адбываецца з domready?

domready з’яўляецца зыходны код метаду, які быў атрыманы domFunction канструктар. На самай справе, той жа код, але з іншага структурай, але проста таму, што гэта адрозненне, браўзэр больш не існуюць выключэнні:

  • View domready у дзеянні

Але

domready не каб Яму служылі, так акуратна і лёгка, як domFunction – апошняя была задумана як масавае выкарыстанне ўкладзеных скрыпт-памочнік, дзе domready быў сапраўды доказ канцэпцыі. Нягледзячы на ​​страту некаторых браўзэрах На жаль, у пэўным сэнсе, гэта можа быць карысна ў іншым – таму што гэта ўсё яшчэ знаходзіцца ў працэсе станаўлення, неабходна ўручную выдаліць часта …

Але калі вам патрэбна падтрымка гэтых формаў, ёсць зыходны код:

  • Domready.zip[1K]

крэдыты

Ідэя вельмі простая і код вельмі кароткі, але гэта было праз шмат налады і дапрацоўкі, каб дабрацца да гэтай стабільнай кропкі, і я абавязаны тым, для Опцыі для CodingForums.comспрыяла, у якой я першапачаткова прапанаваў гэтую тэхніку.

Я асабліва ўдзячны члена, люты, чыя гэта была ідэя, каб рэструктураваць код, як канструктар OO. Я здымаю капялюш Бруна Торэс, якія электронная пошта зваротная сувязь Уварванне ў целе камутатары пачаць спачатку, развіццё гэтай тэхнікі.

Comments are closed