Stockage javascript variable html

-1

Jusqu'à présent, dans mon javascript, j'ai ce code: !/Users/me/Desktop/Screen Shot 2017-07-19 at 2.15.40 PM.png Stockage javascript variable html

@import "MochaJSDelegate.js"; 
@import 'common.js'; 

var word = "some kind of file"; 
function getWord(){ 
    return word; 
}

Et je veux être en mesure d'utiliser la variable "mot" dans mon code html ici:

enter image description here

<!doctype html> 
<html> 
    <head> 
    <title></title> 
     <link rel="stylesheet" href="style3.css"> 
     <script src="https://sdk.amazonaws.com/js/aws-sdk-2.1.12.min.js"></script> 
     <script src = "../Sketch/login.js"> </script> 
    </head> 


    <body> 



    <div> 

     <div class = "title"> 
      Botworx Sketch Plugin 
     </div> 


     <div class = "input-login"> 
      <button onclick="displayFormContents(this.form);">Login</button> 
     </div> 

     <div class = "input-uploadImages"> 
      <button onclick="displayFormContents(this.form);">Upload Images Only</button> 
     </div> 
     <div class = "input-uploadGalleryData"> 
      <button id = "upload-gallery">Upload Gallery Data</button> 
     </div> 
     <div class = "input-uploadAll" > 
      <button id="uploadEverything">Upload Everything</button> 
     </div> 
     <input type="file" id="file-chooser" /> 



      <div id="results"></div> 

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

     <button id="upload-button">Upload to S3</button> 




    </div> 

<script> 
    alert(getWord()); 
</script>

la ligne en surbrillance est ma référence au fichier javascript. Lorsque j'utilise une balise et que j'essaie d'utiliser ma fonction: "getWord()" en html, rien ne se passe. J'ai testé les choses et j'ai découvert que html n'aime pas les mots "import" et "@import". J'ai besoin de ces mots-clés dans mon fichier javascript.

Ma question est de savoir comment accéder à mon fichier javascript quand il utilise @import?

Source

2017-07-19 Kobe Chang

Comme expliqué dans [Comment demander] (https://stackoverflow.com/help/how-to-ask), vous devez inclure votre code dans la question elle-même (pas seulement une image du code) – alexanderbird

J'ai ajouté du code à la question! Désolé pour ça. –

Sans connaître la nature de vos besoins, il semble que vous pouvez utiliser une bibliothèque comme celui-ci pour gérer @import: https://www.npmjs.com/package/grunt-import-js

Dans cet exemple, l'import-js est utilisé pour lire tous les fichiers javascript de application/Resources/js/et les analyse pour les instructions @ import. Le contenu des fichiers @import remplace alors l'instruction @import.

Si nous négligeons @import, vous pouvez ajouter à la partie supérieure de votre fichier HTML juste au-dessous de la balise <body> (edit: ou en bas de l'étiquette <body>, ou probablement dans le <head> Mettez à l'intérieur du corps. si le JavaScript est utilisé pour afficher ou manipuler quoi que ce soit sur la page):

<script type="text/javascript"> 
    var word = "some kind of file"; 
    function getWord(input){ 
    console.log(input); 
    } 
</script>

Ensuite, vous pouvez y accéder dans votre code HTML:

<div class = "input-login"> 
    <button onclick="getWord(word);">Login</button> 
</div>

Source

2017-07-19 22:45:46 agm1984

Stockage javascript variable html

Répondre

Questions connexes