O întrebare despre widget-uri

[C. Andrei]

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:

<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>