2012-01-21 65 views
0

我正在使用其接口用JavaScript编写的软件 我想通过在HTML主代码中定义一个按钮来添加一个HTML按钮到接口,请检查我是如何做到的http://dpaste.com/691324/javascript代码中的HTML按钮

问题是,按钮出现在页面加载之前,也许是因为HTML加载之前的JS文件,我不知道!但它真的看起来很丑陋,当按钮显示在页面之前时,我想找到一些可以延迟按钮或与javascripts..how同时加载的技巧这是可能的吗?

+0

这里有135行代码。小心告诉我们哪一行在页面上添加了一个按钮? – mrtsherman

+0

一个小错误....脚本元素内部的样式规则...行号。 91至95。 – Golmaal

回答

0

我不是一个javascript的人,但如果你正在使用JQuery,它应该是这样的

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

“DIVID”将Div标签(占位符)的ID覆盖输入标签。

或者,您也可以拨打一些普通的JavaScript函数,对“身体”标签的onload事件设置“DIVID”的innerHTML的,

0

嗯,我想的是,你应该使用一个锚相反,如果你想,风格它作为一个按钮。下面是用纯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属性visibility: hidden