Как определить отдельный тег сценария div?

Question

У меня есть несколько div внутри моего HTML, в основном я определил несколько вкладок внутри своего 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

эй вы можете попробовать ниже 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> 

Answer 2

Независимо сценарий написан внутри тега выполняется немедленно. Поэтому, конечно, он отображается всегда, независимо от текущей вкладки.

Если вам действительно нужно иметь в себе тег, тогда вы должны добавить в него какое-то условие.

что-то вроде этого

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

Answer 3

Я буду считать, что данные, которые вы имеете в этих функциях отформатирован в html - есть многочисленные учебники в Интернете об этом.

Попробуйте это:

(function() { 

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

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

Это будет выполняться, когда окно завершения загрузки. Функция захватывает элемент DOM content и добавит код из ваших функций display_data_new() и myFunction().

я предлагаю читать о DOM:

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

Это фундаментальное, чтобы понять это для того, чтобы использовать JavaScript манипулировать HTML.