O întrebare despre widget-uri

Salutare.

Mă uitam mai demult la facebook sau prin alte părţi cum au făcute pluginurile, codurile care trebuiesc inserate în site, iar unul dintre ele arată ceva de genul:

<div id="fb-root"></div>
<script>
bla bla bla
</script>

Nu pot sa înţeleg de ce dau oamenilor 2 lucruri când poate foarte uşor să adauge un atribut în <script şi să nu mai dea şi partea cu div-ul. Adică în locul codului de mai sus să dea:

<script data-selector="widget">
bla bla bla
</script>

Deci, de ce adaugă şi div-ul ăla înaintea scriptului şi nu pune un atribut în <script> ca să-l poată găsi (selector) ?

Există vreo explicaţie, că eu nu văd ?

Întreb pentru că mi-am făcut şi eu unul şi mi-e că-mi scapă ceva vizavi de treaba aia cu div-ul...

Codul meu arată aşa:

Cod HTML:

---

<script type="text/javascript" data-widget-site-com>
(function(){var script = document.querySelector("[data-widget-site-com]");var widget = document.createElement("iframe");widget.setAttribute("src", "http://www.site.com/widget/?categories=actualitate");widget.setAttribute("style", "border:1px solid silver;width:250px;height:350px");script.parentNode.insertBefore(widget,script.nextSibling);})()
</script>

---

Citat:

---

Postat în original de C. Andrei

Nu pot sa înţeleg de ce dau oamenilor 2 lucruri ... şi nu pune un atribut în <script> ca să-l poată găsi (selector)[/HTML]

---

Este cel mai simplu si pe intelesul a cat mai multi utilizatori. Nu toata lumea se pricepe la programarea front end; "pui codul asta inainte/dupa... si pe asta unde vrei sa apara widgetul" e pe intelesul tuturor.

Ce sugerezi tu sunt tot 2 lucruri, dar pe unul il omiti si asta creaza confuzie. Or sa puna oamenii codul si nu o sa le apara nimic.