HTML-кнопки в кодах JavaScript

Question

Я работаю в программном обеспечении, интерфейс которого написан на JavaScript. Я пытаюсь добавить кнопку HTML в интерфейс, определив кнопку в основном коде HTML, проверьте, как я это сделал http://dpaste.com/691324/

Проблема в том, что кнопка появляется перед загрузкой страницы, может быть потому, что HTML загружается до файлов JS, я точно не знаю !!!Но это действительно выглядит ужасно, когда кнопку показывают перед страницей, и я хочу найти какой-то трюк, который может задержать кнопку или быть загружен одновременно с javascripts .. как это возможно?

Answer 1

Ну, я думаю, что вы должны использовать вместо этого якорь, и, если хотите, стилизуйте его как кнопку.Вот способ создать кнопку с чистым JS:

var anchor = document.createElement('a');
anchor.setAttribute('href', '/opentripplanner-tripArabic/index.html');
anchor.setAttribute('class', 'please use CSS'); //inline styling is dirty
anchor.innerHTML = 'use the Arabic interface';
document.getElementById('header').appendChild(anchor);

Я рекомендую использовать якоря, потому что вы не используете форму, и вы только притворяетесь, что перенаправили пользователя на другую страницу.В любом случае, если вы хотите сохранить кнопку, вы можете использовать document.createElement('button'); и присвоить свойству onclick: button.onclick = function(){... вместо параметра href.

Другая вещь, которую вы можете сделать, это скрыть кнопку с помощью CSS: display:none и при загрузке смочите элемент и удалите стиль: button.style.setProperty('display', ''); или в любом случае используйте CSS propperty visibility: hidden.

Answer 2

Я не пользователь javascript, но если вы используете JQuery, он должен выглядеть примерно так

$(document).ready(function() {
   document.getElementById('divId').innerHtml = '<input type="button" value="button">';
});

'divId' будет id тега Div (заполнителя), охватывающего тег ввода.

Или вы также можете вызвать некоторую простую функцию javascript, которая устанавливает innerHtml divId для события onload тега «Body»,