在表单字段中输入文本，在提交时生成多个 URL 并在新选项卡中打开链接

Question

我希望输入文本，然后用于生成多个 URL 并在不同的选项卡中打开每个 URL。

http://jsfiddle.net/Gv5bq/1/

    <input type="text" id="text" />
<input type="button" id="btn" value="Submit" onClick="javascript: window.open('http://www.mywebsite.com/print/' + document.getElementById('text').value);" />
<input type="button" id="btn" value="Submit" onClick="javascript: window.open('http://www.anywebsite.com/print/' + document.getElementById('text').value);" />

基本上可以满足我的需要，但只针对一个而不是多个 URL。

例如： 输入：hello123 在提交时为以下每个 URL 打开一个选项卡 例如 www.mywebsite.com/print/hello123/ 和 www.anywebsite.net/q=hello123&sort

Answer 1

您可以在下面找到一个代码示例

HTML

<input type="text" id="text" />
<input type="button" id="btn" value="Submit" onclick="openURLs(document.getElementById('text').value)"/>

JavaScript

function openURLs(url){
  var baseURLs = [`www.mywebsite.com/print/${url}/`, `www.anywebsite.net/q=${url}&sort`]

  baseURLs.forEach(function(u) {
    window.open(u);
  });

}

Answer 2

function openURL(){
     var txt = document.getElementById('text').value;
     var link1 = 'http://www.mywebsite.com/print/'+ txt;
     var link2 = 'http://www.anywebsite.com/q='+ txt + '&sort';
     var i;
    for(i = 1; i < 3; i++){
      if(i == 1)
      {
    	   window.open(link1, '_blank');  
      }
      else if (i==2)
      {
      //it will be execute after 5 seconds
        setTimeout(function(){
         window.open(link2, '_blank');  
         }, 5000);
       }
    }
    	
      
    }

<input type="text" id="text" />
<input value="Submit" type="button" onclick="openURL()">

我更新了小提琴check here。它会给你你想要的结果。例如：如果您在下面输入hello123，则会打开受尊重的网址

1. http://www.mywebsite.com/print/hello123
2. http://www.anywebsite.com/q=hello123&sort

Answer 3

请检查始终允许弹出窗口，然后使用此代码

<input type="text" id="text" />
<input type="button" id="btn" value="Submit" onClick="javascriptFun()" />
<script>
function javascriptFun(){
window.open('http://www.mywebsite.com/print/' + document.getElementById('text').value,'_blank');
window.open('http://www.mywebsite1.com/print/' + document.getElementById('text').value,'_blank');
window.open('http://www.mywebsite2.com/print/' + document.getElementById('text').value,'_blank');

}

</script>