仅当Javascript加载时显示按钮

我想在我的站点上显示一个按钮，但它只应该在加载JavaScript时实例化

我该怎么做

---

点击我
隐藏按钮，并在dom就绪时显示它

<button style="display:none">Click me!</button>

document.ready仅在加载包括脚本在内的所有元素后才会触发。
Javascript onload
一种方法是使用
document.onload
或
window.onload
并将按钮添加到文档中

<script language="javascript">
window.document.onload = function(e){ 
    //add or show button
}
window.onload = function(e){ 
    //add or show button
}
</script>

使用Javascript添加元素
您可以像这样使用javascript添加按钮（假设您希望将其添加到具有
id=myDiv
的div中）

var div = document.getElementById("myDiv");
var abutton = document.createElement('button');

abutton.innerHTML = "your text";
mydiv.appendChild(abutton);

使用一个函数并在脚本末尾初始化它，并按照@AnoopJoshi的建议保留DOM

<button id = "button1" style="display:none" >Click me!</button>

不，两者都可以。Window.document等待DOM准备就绪，Window等待一切从未使用过的document.onload-Downvoter：注释或您的downvote对您来说完全无用everybody@mplungjan他们总是这样做time@mplungjan我不是向下投票人，但这段代码可能存在的一个问题是按钮仍在DOM中。@AnoopJoshi向你投了一票，这和后来被接受的答案完全一样。为什么会被接受…没有线索。唯一的区别是js和jquery。@BasvanStein谢谢你。我正要评论同一件事。OP没有任何方式评论/阅读其他答案。没想到拥有超过1k声誉的用户会有这样的行为。
var div = document.getElementById("myDiv");
var abutton = document.createElement('button');

abutton.innerHTML = "your text";
mydiv.appendChild(abutton);

<button id = "button1" style="display:none" >Click me!</button>

function init(){ 
    document.getElementById("button1").style.display = 'block';
}

init();