Passer les vars à JavaScript via l'attribut SRC

Dans mon fichier HTML j'ai lié à la JS avec:

src="myscript.js?config=true"

Mon JS lire directement la valeur de cette variable comme ceci?

alert (config);

Cela ne fonctionne pas, et la Console d'Erreur de FireFox dit "config n'est pas défini". Comment puis-je lire les vars passées par l'intermédiaire de l'attribut src dans le fichier JS? C'est ce simple?

source d'informationauteur Robinicks

  1. 17
    <script>
var config=true;
</script>
<script src="myscript.js"></script>

    Vous ne pouvez pas passer des variables JS la façon dont vous avez essayé. Balise de SCRIPT n'est pas de créer un objet de la Fenêtre (qui a une chaîne de requête), et il n'est pas côté serveur code.

  2. 5

    Oui, vous pouvez, mais vous avez besoin de connaître précisément le nom du fichier de script dans le script :

    var libFileName = 'myscript.js',
    scripts = document.head.getElementsByTagName("script"), 
    i, j, src, parts, basePath, options = {};

for (i = 0; i < scripts.length; i++) {
  src = scripts[i].src;
  if (src.indexOf(libFileName) != -1) {
    parts = src.split('?');
    basePath = parts[0].replace(libFileName, '');
    if (parts[1]) {
      var opt = parts[1].split('&');
      for (j = opt.length-1; j >= 0; --j) {
        var pair = opt[j].split('=');
        options[pair[0]] = pair[1];
      }
    }
    break;
  }
}

    Vous avez maintenant une "options" de la variable qui a les arguments passés. Je n'ai pas le tester, je l'ai changé un peu de http://code.google.com/p/canvas-text/source/browse/trunk/canvas.text.js où elle travaille.

  3. 4

    Vous pourriez avoir vu cette façon de faire, mais vraiment dans le fichier JS est prétraité à côté serveur à l'aide de PHP ou un autre langage premier. Le côté serveur de code d'impression/l'écho de l'javascript avec le jeu de variables. J'ai vu un script service d'annonces de le faire avant, et il m'a fait regarder voir si cela peut être fait avec plain ol' js, mais il ne peut pas.

  4. 4

    Vous avez besoin d'utiliser le Javascript pour trouver l'attribut src de l'script et analyser les variables après le '?'. À l'aide de la Prototype.js cadre, il semble quelque chose comme ceci:

    var js = /myscript\.js(\?.*)?$/; //regex to match .js

var jsfile = $$('head script[src]').findAll(function(s) {
    return s.src.match(js);
}).each(function(s) {
    var path = s.src.replace(js, ''),
    includes = s.src.match(/\?.*([a-z,]*)/);
    config = (includes ? includes[1].split('=');
    alert(config[1]); //should alert "true" ??
});

    Mon Javascript/RegEx compétences sont rouillées, mais c'est l'idée générale. Déchiré directement à partir de la scriptaculous.js fichier!

  5. 1

    Votre script peut cependant trouver son propre script de nœud et d'examiner l'attribut src et d'en extraire toutes les informations que vous souhaitez.

      var scripts = document.getElementsByTagName ('script');
  for (var s, i = scripts.length; i && (s = scripts[--i]);) {
    if ((s = s.getAttribute ('src')) && (s = s.match (/^(.*)myscript.js(\?\s*(.+))?\s*/))) {
      alert ("Parameter string : '" + s[3] + "'");    
      break;
    } 
  }
  6. 0

    Si oui ou non ce qui DEVRAIT être fait, c'est une bonne question, mais si vous voulez le faire, http://feather.elektrum.org/book/src.html vraiment montre comment faire. En supposant que votre navigateur bloque lors du rendu des balises de script (actuellement le cas, mais peut-être pas d'avenir), le script en question est toujours la dernière script sur la page jusqu'à ce point.

    Ensuite à l'aide d'un cadre de travail et d'un plugin comme jQuery et http://plugins.jquery.com/project/parseQuery cela devient assez trivial. Surpris il n'y a pas un plugin pour cela.

    Est en quelque sorte liée est John Resig dégradants de balises de script, mais qui exécute le code APRÈS le script externe, et ne faisant pas partie de l'initialisation: http://ejohn.org/blog/degrading-script-tags/

    Crédits: Passage de paramètres pour les fichiers JavaScript , Passage de paramètres pour les fichiers JavaScript

  7. 0

    L'utilisation de variables globales n'est pas une sorte de nettoyer ou de solution de sécurité, au lieu de cela, vous pouvez utiliser les données-X attributs, il est plus propre et plus sûr:

    <script type="text/javascript" data-parameter_1="value_1" ... src="/js/myfile.js"></script>

    De myfile.js vous pouvez accéder aux paramètres de données, par exemple avec jQuery:

    var parameter1 = $('script[src*="myfile.js"]').data('parameter_1');

    Évidemment "monfichier.est" et "parameter_1" ont pour correspondre à la 2 sources 😉