Question

到目前为止，在我的javascript中，我有以下代码： !/Users/me/Desktop/Screen Shot 2017-07-19 at 2.15.40 PM.png

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

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

我希望能够在我的html中使用“word”变量：

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>

突出显示的行是我对javascript文件的引用。当我使用标签并尝试使用我的函数：html中的“getWord（）”时，没有任何反应。我已经测试了一些东西，发现html不喜欢单词“import”和“@import”。我虽然在我的javascript文件中需要这些关键字。

我的问题是如何在使用@import时访问我的javascript文件？

Answer 1

在不知道您的要求的性质的情况下，看起来您可以使用这样的库来处理@import：https://www.npmjs.com/package/grunt-import-js

在此示例中，import-js用于从中读取所有javascript文件 app / Resources / js /并扫描它们以获取@import指令。内容然后，@ import文件替换@import指令。

如果我们忽略@import，您可以将其添加到HTML文件的顶部<body>标记下方（编辑：或<body>标记的底部，或者可能在<head>中。如果JavaScript用于在页面上显示或操作任何内容，请将其置于正文中：）

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

然后，您可以在HTML中访问它：

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

在html中存储javascript变量

1 个答案: