Puis-je charger un code javascript à l'aide de <lien> tag?

Puis-je charger un code javascript à l'aide de <link> tag dans mon site web ?

Par exemple j'ai un fichier javascript, test.js, qui contient le code simple alert('hello');

Puis-je faire la fenêtre pop-up s'affichent à l'aide:

<link href="test.js"></link>
  • link balise est normalement utilisée pour le CSS, y compris. Entendez-vous le a tag (ancre)?
InformationsquelleAutor john terry | 2010-04-13
  1. 38

    Pas. Il y avait une proposition visant à permettre:

    <link rel="script" href=".../script.js"/>

    par analogie, pour les feuilles de style. C'est même cité en exemple dans le DTD HTML 4, mais le navigateur de mise en œuvre n'est jamais arrivé. Dommage, car cela aurait été beaucoup plus propre.

    • +1 référence intéressante.
    • Même les éditeurs de navigateurs ne suivent pas
    • Ouais, il serait beaucoup plus propre, mais alors il serait facile pour les mineurs pour ajouter coinhive comme un favicon.fichier ico (comme cela s'est déjà produit, mais je suppose que c'est arrivé à l'aide d'une balise de script, pas un lien de l'un).
    InformationsquelleAutor bobince
  2. 13

    Vous devez utiliser le <script> balise pour inclure des fichiers sources en JavaScript:

    <script type="text/javascript" src="mysrc.js"></script>

    La balise de fin doit être la pleine </script>, ne pas abréger le chemin, vous pouvez avec certaines balises comme dans <script type="text/javascript" src="..."/>.

    Oui, alerte énoncés dans la source apparaît lorsqu'ils sont évalués par le navigateur.

    Pour plus d'informations sur les utilisations de la <link> tag, voir w3.org.

    InformationsquelleAutor Jonathon Faust
  3. 4

    Justification Possible pourquoi ne pas

    • link éléments sont autorisés uniquement lorsque "le contenu de Métadonnées" est autorisé, généralement head, et non pas dans le body. Voir: Les contextes dans lesquels cet élément peut être utilisé. Tous les éléments qui vont dans le body de séparer les éléments pour eux: img, iframe, etc.

    • link éléments doit être vide, et script peut être non vide. Voir: Modèle de contenu

    Par conséquent, il est naturel d'avoir un élément séparé pour le JavaScript, et puisque nous devons avoir un élément séparé, il est préférable de ne pas dupliquer les fonctionnalités avec link .

    Cette théorie explique aussi pourquoi img et style ont des éléments distincts:

    • img peuvent être placés dans le corps, de sorte qu'il devient un élément à part, même s'il doit être vide.

    • style peut être non vide, de sorte qu'il devient un élément à part, même si jusqu'à HTML5, cela ne pourrait pas être placé dans le body (maintenant, il peut via scoped, mais encore de ne pas inclure des scripts externes).

    InformationsquelleAutor Ciro Santilli 新疆改造中心996ICU六四事件
  4. 4

    Moderne navigateurs prennent en charge la preload mot-clé, qui est utilisé pour le chargement de diverses ressources, y compris les scripts. De MDN:

    La preload valeur de la <link> de l'élément rel attribut permet de
    écrire déclarative extraction de requêtes dans votre code HTML <head>, en précisant
    les ressources que vos pages aurez besoin de très peu de temps après le chargement, qui vous
    donc pour commencer le préchargement tôt dans le cycle de vie d'une page
    charge, avant que le navigateur principal de rendu des machines coups de pied dans. Cette
    s'assure qu'ils sont disponibles plus tôt et sont moins susceptibles de
    bloquer la page du premier render, conduisant à des améliorations de performances.

    Un exemple simple pourrait ressembler à ceci (voir notre JS et CSS exemple
    source    , et aussi live):

    <head>
  <meta charset="utf-8">
  <title>JS and CSS preload example</title>

  <link rel="preload" href="style.css" as="style">
  <link rel="preload" href="main.js" as="script">

  <link rel="stylesheet" href="style.css">
</head>

<body>
  <h1>bouncing balls</h1>
  <canvas></canvas>

  <script src="main.js"></script>
</body>
    InformationsquelleAutor HeyJude
  5. 1

    Code JavaScript en général, être chargé à l'aide d'une balise de script, comme suit:

    <script type="text/javascript" src="test.js"></script>
    InformationsquelleAutor Syntactic
  6. 1

    Pas. Une balise de Lien est comme pour les fichiers CSS ou pour relationnel liens (comme next).

    Ce n'est pas la façon de charger du code javascript dans la page. Vous devez utiliser le <script> tag:

    <script language="javascript" src="file.js" />
    InformationsquelleAutor Oded
  7. 1

    L'autre option pour cela, vous pouvez insérer dynamiquement un fichier de script dans le document en cours, par la création d'une balise de SCRIPT, en définissant son attribut "src" de l'URI du script, et ensuite de l'insérer en tant qu'enfant de la page, TÊTE de nœud.

    De faire ces choses vont aller au navigateur d'aller chercher le fichier de script, la charger dans le document, et de l'exécuter.

    InformationsquelleAutor Jonathan Quimbly
  8. 1

    Pour répondre directement à votre question, non. Pas par cette méthode. Cependant, j'ai été conduit à cette question lors de la recherche d'un problème similaire qui m'amènent à cette question. Voir les réponses déjà fournies, qui pour la plupart sont corrects, je suis allé vérifier la syntaxe sur http://w3schools.com/ . Il semble que le HTML5 il y a un nouvel attribut pour les éléments de script en html.

    Ce nouvel attribut permet fichiers javascript être différée ou chargée et exécutée de manière asynchrone (à ne pas confondre avec l'AJAX).

    Je vais juste laisser le lien ici et laissez-vous renseignez-vous sur les détails vous-même car il est fourni sur internet.

    http://www.w3schools.com/tags/att_script_async.asp

    • Soyez prudent lorsque vous ajoutez des liens vers w3schools: vous risquez d'obtenir downvoted sur DONC, juste à cause de ça =)
    • Je ne vois pas comment le async attribut est lié à la question de départ à tous. Si je comprends bien, la question est plus sur la syntaxe de référence à un fichier JS à partir de code HTML.
    InformationsquelleAutor SkItZ