Question

我有一个名为one.js的文件和另一个名为two.js的文件。在one.js中有一个名为current（）的函数，它返回一个我想传递给two.js的字符串。

电流（）：

function current()
{
   if(selection === 0 && yesResources[questionsCounter] != null)
   {
      return yesResources[questionsCounter];
   }
   else if(selection === 1 && noResources[questionsCounter] != null)
   {
      return noResources[questionsCounter];
   }
   else
   {
      return 'You are on the right track!';
   }
}

在HTML文件中，我有以下脚本标记：

<script type='text/javascript' src='one.js'></script>
<script type='text/javascript' src='two.js'></script>

在HTML文件中，我还编写了代码，目的是在使用current（）的结果单击按钮后更改模式框的内容。代码如下：

<!-- Trigger/Open The Modal -->
<button id="myBtn">Resources</button>

<!-- The Modal -->
<div id="myModal" class="modal">

  <!-- Modal content -->
  <div class="modal-content">
    <div class="modal-header">
          <span class="close">&times;</span>
      <h2>Resources</h2>
    </div>
    <div class="modal-body">
      <p>Test</p>
      <p id='modalContent'>current()</p>
    </div>
    <div class="modal-footer">
      <h3>Living Progress</h3>
    </div>
  </div>
</div>

current（）返回的字符串未显示在模态中。我是否误解了如何从一个JS到另一个JS的价值？

Answer 1

你正在混合使用javascript和html。

这部分：

<!-- Trigger/Open The Modal -->
<button id="myBtn">Resources</button>

<!-- The Modal -->
<div id="myModal" class="modal">

  <!-- Modal content -->
  <div class="modal-content">
    <div class="modal-header">
          <span class="close">&times;</span>
      <h2>Resources</h2>
    </div>
    <div class="modal-body">
      <p>Test</p>
      <p id='modalContent'>current()</p>
    </div>
    <div class="modal-footer">
      <h3>Living Progress</h3>
    </div>
  </div>
</div>

应该在HTML文件中，您可以通过从javascript调用<p id='modalContent'></p>来更改document.getElementById("modalContent").textContent = current();中的文本（确保在调用函数时DOM已准备就绪）

从一个JS文件到另一个JS文件获取变量的值

1 个答案: