wywołanie funkcji Opcje

[SaMi]

Witam, mam mały problem i najprawdopodobniej jest to banał. Mianowicie gdy tworzę zewnetrzny plik js poprzez utworzenie tagu <script> w DOMie i wywoluję zawartą w nim funkcje uzyskuję komunikat ReferenceError: user is not defined. natomiast jeśli załaduję klasycznie w htmlu ten sam plik wszystko działa bez problemu.

[HTML] pobierz, plaintext 
<script type="text/javascript">
(function(d,s){
    var js,jsr = d.getElementsByTagName(s)[0];
    js = d.createElement(s);
    js.src = '//www.mojadomena.pl/js/iframe.js';
    jsr.parentNode.insertBefore(js,jsr);
}(document,'script'));
 
user.setAccount(['12345']);	
</script>
[HTML] pobierz, plaintext 

iframe.js w wielkim uproszczeniu

[HTML] pobierz, plaintext 
// (function(w){ - tego tu miało tu nie być 
var user = user || (function(){
_args = {};
 
		return {
			setAccount: function(a){
				_args = a;
			},
			key: function(){
				return _args[0];
			}					
		};
}());
[HTML] pobierz, plaintext 

Ten post edytował SaMi 30.12.2013, 10:30:00

[lukasz1985]

Odpowiedź na Twoje pytanie jest dość prosta. Otóż tworząc z poziomu JavaScript tag "script" i ustawiając jego źródło informujesz tym samym przeglądarkę, że ma wykonać kolejne zapytanie pod podane źródło, a więc robiąc tak:

[JAVASCRIPT] pobierz, plaintext 
 
  var js = ddocument.createElement("script");
  js.src = "iframe.js";
  document.body.appendChild(js);
  user.setAccount("213");
[JAVASCRIPT] pobierz, plaintext 

przeglądarka zacznie wgrywać nowy adres, w tym przypadku plik skryptu znajdującego się pod ścieżką "iframe.js".

Tak się składa, że nie dzieje się to natychmiast, a ładowanie następuje asynchronicznie, w tle, tak jak w przypadku XHR (XmlHttpRequest, czy krócej "AJAX"). Oznacza to, że zmienna "user" zdefiniowana w tamtym pliku nie pojawi się natychmiast, a dopiero po wykonaniu całego procesu: pobrania pliku js i wrzucenia go w dokument.

Aby wykonać kod po załadowaniu tego dokumentu należy się posłużyć funkcją zwrotną ("callback'iem"):

[JAVASCRIPT] pobierz, plaintext 
 
  var js = ddocument.createElement("script");
  js.src = "iframe.js";
  document.body.appendChild(js);
 
  js.onload = function() {
    user.setAccount("213");
  }
 
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował lukasz1985 30.12.2013, 22:38:33