Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/403.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用动态URL创建动态数量的按钮_Javascript_Button_Tabs - Fatal编程技术网

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
(锚定)标记。