Question

我的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>

Answer 1

我将假设您在这些函数中的数据被格式化为html - 网上有很多关于此的教程。

试试这个：

 (function() {

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

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

这将在窗口加载完成后执行。该函数会抓取content DOM元素，并将display_data_new()和myFunction()函数中的代码附加到其中。

我建议阅读有关DOM的信息：

https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Introduction

理解这一点是为了使用JavaScript来操作HTML。

Answer 2

无论在标签内写入什么脚本都会立即执行。因此，无论您当前的“标签”如何，当然都会始终显示。

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

类似这样的事情

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

Answer 3

嘿，你可以在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>

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

3 个答案: