2015-09-08 2 views
1

Я попытался удалить текущую кнопку, которая создает таблицу JSON, но после того, как я удалил кнопку, я не смог загрузить свою таблицу. Вот мой код:Как загрузить страницу без использования кнопки?

<body> 
     <button type='button' id="build" onclick="getTable()">Build Table</button> 
</body> 

и вот моя функция:

function getTable(){ 
    var one= []; 
    var k1 = []; 
    var k2 = []; 
myTbl="<table id='tbl1'><tbody><th>Selection Box</th><tr>" 
for(key in myJSON){ 

    } 
} 

Как я могу получить мою страницу, чтобы загрузить без использования кнопки/функции? Я попытался удалить кнопку и функцию и просто перезагрузить страницу, но это не сработало. Если кто-нибудь может помочь, пожалуйста, дайте мне знать.

+1

Где вы выполняете свою функцию? – Rayon

+0

После того, как я нажму кнопку. –

+0

... и если вы удалите кнопку, то когда ваша функция должна быть выполнена? –

ответ

1

Вы можете использовать onload() на теге тела.

<body onload="getTable()"> 
+1

Как вы думаете, 'DOMContentLoaded' запускается до' body onload'? – Rayon

+0

DOMContentLoaded, безусловно, срабатывает быстрее, поскольку он ждет загрузки только DOM. Вы просто не должны оставлять свой ответ в комментариях. –

1

использовать jquery для этого, тогда просто используйте документ, готовый, вот так, это будет ждать, пока документ не будет загружен, а затем выполните функцию.

$(document).ready(function() { 
    getTable(); 
    }); 
+1

, если вы не хотите использовать jquery @ Yaroslav Tkachenko, вам предоставили альтернативу, но я бы добавил к этому, что вы можете выполнить этот скрипт в нижней части вашего body – Shocklo

+3

Вы * определенно * не должны включать массивную селекторную, анимационную и DOM-манипуляцию для подписки на 'DOMContentLoaded'. – Scott

1

Это потому, что вам нужно позвонить вашей функции. Когда вы используете кнопку, у вас есть событие onclick, которое вызывает вашу функцию каждый раз, когда вы нажимаете на нее. Самый простой способ - сделать это следующим образом:

<body> 
    <script> 
    getTable(); 
    </script> 
</body> 
Смежные вопросы