Javascript 如何定义特定于div的脚本标记？

我在HTML中有多个div，基本上我在HTML中定义了多个选项卡。我在其中一个选项卡中使用脚本标记来显示一些数据。但是它离开了那个特定的div，离开了div，并永久地显示在所有选项卡之后

<div class="tabs-pane active-pane" id="actors" role="tabpanel" aria-hidden="false" style="text-align:center;">
  <div class="aui-page-panel-inner">
    <div class="aui-page-panel-nav">
      <script>
        display_data_new();
        myfunction();
      </script>
    </div>
  </div>
</div>

显示_数据_新建（）；
myfunction（）；

嘿，你可以试试下面的

code

-

    <div class="tabs-pane active-pane" id="actors" role="tabpanel" aria-hidden="false" style="text-align:center;">
       <div class="aui-page-panel-inner">
          <div class="aui-page-panel-nav">
             <div id="content">
                <script type="text/javascript">
                    function myFunction() {
                       //do something
                    }
                    myFunction();
                </script>
             </div>
          </div>
       </div>
     </div>

函数myFunction（）{
//做点什么
}
myFunction（）；

嘿，你可以试试下面的

code

-

    <div class="tabs-pane active-pane" id="actors" role="tabpanel" aria-hidden="false" style="text-align:center;">
       <div class="aui-page-panel-inner">
          <div class="aui-page-panel-nav">
             <div id="content">
                <script type="text/javascript">
                    function myFunction() {
                       //do something
                    }
                    myFunction();
                </script>
             </div>
          </div>
       </div>
     </div>

函数myFunction（）{
//做点什么
}
myFunction（）；

嘿，你可以试试下面的

code

-

    <div class="tabs-pane active-pane" id="actors" role="tabpanel" aria-hidden="false" style="text-align:center;">
       <div class="aui-page-panel-inner">
          <div class="aui-page-panel-nav">
             <div id="content">
                <script type="text/javascript">
                    function myFunction() {
                       //do something
                    }
                    myFunction();
                </script>
             </div>
          </div>
       </div>
     </div>

函数myFunction（）{
//做点什么
}
myFunction（）；

嘿，你可以试试下面的

code

-

    <div class="tabs-pane active-pane" id="actors" role="tabpanel" aria-hidden="false" style="text-align:center;">
       <div class="aui-page-panel-inner">
          <div class="aui-page-panel-nav">
             <div id="content">
                <script type="text/javascript">
                    function myFunction() {
                       //do something
                    }
                    myFunction();
                </script>
             </div>
          </div>
       </div>
     </div>

函数myFunction（）{
//做点什么
}
myFunction（）；

在标记中写入的任何脚本都会立即执行。因此，当然，无论您当前的“选项卡”如何，它都会始终显示

如果您真的需要在其中包含标记，那么您应该在其中添加一些条件

像这样的

 <script>
  if (currentTabId == 'DivWithScript') {
    display_data_new();
    myfunction();
  }
 </script>

如果（currentTabId=='DivWithScript'）{
显示_数据_新建（）；
myfunction（）；
}

在标记中写入的任何脚本都会立即执行。因此，当然，无论您当前的“选项卡”如何，它都会始终显示

如果您真的需要在其中包含标记，那么您应该在其中添加一些条件

像这样的

 <script>
  if (currentTabId == 'DivWithScript') {
    display_data_new();
    myfunction();
  }
 </script>

如果（currentTabId=='DivWithScript'）{
显示_数据_新建（）；
myfunction（）；
}

在标记中写入的任何脚本都会立即执行。因此，当然，无论您当前的“选项卡”如何，它都会始终显示

如果您真的需要在其中包含标记，那么您应该在其中添加一些条件

像这样的

 <script>
  if (currentTabId == 'DivWithScript') {
    display_data_new();
    myfunction();
  }
 </script>

如果（currentTabId=='DivWithScript'）{
显示_数据_新建（）；
myfunction（）；
}

在标记中写入的任何脚本都会立即执行。因此，当然，无论您当前的“选项卡”如何，它都会始终显示

如果您真的需要在其中包含标记，那么您应该在其中添加一些条件

像这样的

 <script>
  if (currentTabId == 'DivWithScript') {
    display_data_new();
    myfunction();
  }
 </script>

如果（currentTabId=='DivWithScript'）{
显示_数据_新建（）；
myfunction（）；
}

我假设这些函数中的数据被格式化为

html

——网络上有很多关于这方面的教程

试试这个：

 (function() {

   var loadData = function(){
       var contentDiv = document.getElementById('content');
       contentDiv.appendChild(display_data_new()) ;
       contentDiv.appendChild(myFunction());
   }

   window.onload = loadData();
  })();

这将在窗口完成加载后执行。该函数获取

内容
DOM元素，并将
显示数据
和
myFunction（）
函数中的代码附加到该元素中

我建议阅读关于DOM的内容：


为了使用JavaScript操作HTML，理解这一点非常重要。
我假设这些函数中的数据被格式化为
HTML
——网络上有很多关于这方面的教程

试试这个：

 (function() {

   var loadData = function(){
       var contentDiv = document.getElementById('content');
       contentDiv.appendChild(display_data_new()) ;
       contentDiv.appendChild(myFunction());
   }

   window.onload = loadData();
  })();

这将在窗口完成加载后执行。该函数获取
内容
DOM元素，并将
显示数据
和
myFunction（）
函数中的代码附加到该元素中

我建议阅读关于DOM的内容：


为了使用JavaScript操作HTML，理解这一点非常重要。
我假设这些函数中的数据被格式化为
HTML
——网络上有很多关于这方面的教程

试试这个：

 (function() {

   var loadData = function(){
       var contentDiv = document.getElementById('content');
       contentDiv.appendChild(display_data_new()) ;
       contentDiv.appendChild(myFunction());
   }

   window.onload = loadData();
  })();

这将在窗口完成加载后执行。该函数获取
内容
DOM元素，并将
显示数据
和
myFunction（）
函数中的代码附加到该元素中

我建议阅读关于DOM的内容：


为了使用JavaScript操作HTML，理解这一点非常重要。
我假设这些函数中的数据被格式化为
HTML
——网络上有很多关于这方面的教程

试试这个：

 (function() {

   var loadData = function(){
       var contentDiv = document.getElementById('content');
       contentDiv.appendChild(display_data_new()) ;
       contentDiv.appendChild(myFunction());
   }

   window.onload = loadData();
  })();

这将在窗口完成加载后执行。该函数获取
内容
DOM元素，并将
显示数据
和
myFunction（）
函数中的代码附加到该元素中

我建议阅读关于DOM的内容：


理解这一点对于使用JavaScript操作HTML是非常重要的。
如果您正在制作文档。write（）这是您的问题。如果不是，我不知道你在做什么，我不是巫师。在HTML的中间放“<代码> <代码>标签”不是一个好的做法。这两个函数以表格的形式显示数据。但问题是，它没有进入我定义脚本标记的特定选项卡。@SteveCrocHunter:有没有办法从特定div调用这些函数，或者将函数限制到特定div。如果您正在制作document.write（），这就是您的问题。如果不是，我不知道你在干什么，我不是巫师。这真的不好