Javascript 使用动态URL创建动态数量的按钮
我觉得离这个很近。我只是无法生成按钮以在新选项卡中打开。我卡住了Javascript 使用动态URL创建动态数量的按钮,javascript,button,tabs,Javascript,Button,Tabs,我觉得离这个很近。我只是无法生成按钮以在新选项卡中打开。我卡住了 function buildButton(url,i,size) { document.write("Building Button with URL= "+url+"<p>"); var btn = document.createElement("BUTTON"); btn.appendChild(document.createTex
function buildButton(url,i,size) {
document.write("Building Button with URL= "+url+"<p>");
var btn = document.createElement("BUTTON");
btn.appendChild(document.createTextNode("PIDs "+i+" to "+(i+size)));
btn.setAttribute("href",url);
btn.setAttribute("target","_blank");
document.body.appendChild(btn);
}
函数构建按钮(url、i、大小){
文档。写入(“带URL=“+URL+”)的构建按钮”;
var btn=document.createElement(“按钮”);
btn.appendChild(document.createTextNode(“PID”+i+”到“+(i+大小));
btn.setAttribute(“href”,url);
btn.setAttribute(“目标”,“空白”);
文件.正文.附件(btn);
}
将
标记更改为
标记
按钮没有href
和目标属性,
标记有。代码应如下所示:
函数构建按钮(url、i、大小){
文档。写入(“带URL=“+URL+”)的构建按钮”;
var a=document.createElement(“a”);
a、 appendChild(document.createTextNode(“PID”+i+”到“+(i+大小)));
a、 setAttribute(“href”,url);
a、 setAttribute(“目标”,“空白”);
文件.正文.附件(a);
}
buildButton('https://stackoverflow.com/', 1, 1);代码>
解决方法是:
function buildButton(url,i,size) {
var btn = document.createElement("INPUT");
btn.setAttribute("type","button");
btn.setAttribute("onclick", "window.open('"+url+"')");
btn.setAttribute("value","PIDs "+i+" to "+(i+size));
btn.setAttribute("target","_blank");
document.body.appendChild(btn);
document.write("<p>");
}
函数构建按钮(url、i、大小){
var btn=document.createElement(“输入”);
btn.setAttribute(“类型”、“按钮”);
btn.setAttribute(“onclick”、“window.open”(“+url+”)”);
btn.setAttribute(“值”、“PID”+i+”到“+(i+大小));
btn.setAttribute(“目标”,“空白”);
文件.正文.附件(btn);
文件。写(“”);
}
基于此的另一种解决方案。看来你已经明白了
function buildButton(url,i,size) {
document.write("Building Button with URL= "+url+"<p>");
var btn = document.createElement("button");
btn.appendChild(document.createTextNode("PIDs "+i+" to "+(i+size)));
btn.setAttribute("onclick","window.open('" +url+"', '_blank')");
document.body.appendChild(btn);
}
buildButton("http://www.google.com","Thing", 44) ;
函数构建按钮(url、i、大小){
文档。写入(“带URL=“+URL+”)的构建按钮”;
var btn=document.createElement(“按钮”);
btn.appendChild(document.createTextNode(“PID”+i+”到“+(i+大小));
btn.setAttribute(“onclick”,“window.open”(“+url+”,“\u blank”);
文件.正文.附件(btn);
}
buildButton(“http://www.google.com“,”东西“,44);
嗯,按钮实际上没有href
属性。对链接使用a
(锚定)标记。