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

Javascript 在表单字段中输入文本,在提交时生成多个URL,并在新选项卡中打开链接,javascript,forms,url,Javascript,Forms,Url,我希望输入文本,然后用于生成多个URL,并在不同的选项卡中打开每个URL 基本上做我需要的,但只是一个而不是多个网址 例如: 输入:hello123 在提交时,为以下每个URL打开一个选项卡 例如www.mywebsite.com/print/hello123/和www.anywebsite.net/q=hello123&sort您可以在下面找到一个代码示例 HTML <input type="text" id="text" /> <input type="button"

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


基本上做我需要的,但只是一个而不是多个网址

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

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

HTML

<input type="text" id="text" />
<input type="button" id="btn" value="Submit" onclick="openURLs(document.getElementById('text').value)"/>
函数openURL(){ var txt=document.getElementById('text')。值; var link1=http://www.mywebsite.com/print/'+txt; var link2=http://www.anywebsite.com/q=“+txt+”&sort'; var i; 对于(i=1;i<3;i++){ 如果(i==1) { 窗口。打开(链接1,“_blank”); } else如果(i==2) { //它将在5秒后执行 setTimeout(函数(){ 窗口。打开(链接2,“_blank”); }, 5000); } } }
请选中“始终允许弹出窗口”,然后使用此代码

<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>

函数javascriptFun(){
打开窗户http://www.mywebsite.com/print/'+document.getElementById('text').value,'u blank');
打开窗户http://www.mywebsite1.com/print/'+document.getElementById('text').value,'u blank');
打开窗户http://www.mywebsite2.com/print/'+document.getElementById('text').value,'u blank');
}

谢谢你这么说,但它不起作用。当我单击“提交”时没有发生任何事情。嗨@Chris,脚本是正确的,但是目标域必须允许打开另一个域的窗口。谢谢分享,但当我点击“提交”时,什么也没发生。@Chris我更新了答案,现在检查它是否有效,或者检查这把小提琴谢谢。不幸的是,两个url中只有一个打开。请检查上面的JSFIDLE两个url都工作正常,但您应该允许网站弹出窗口。谢谢@Udhay Titus,这正是我要找的!谢谢你。如果变量文本输入后还有一些固定值,代码会是什么样子,请参见我最初问题中的示例:www.anywebsite.net/q=hello123&sort
function openURLs(url){
  var baseURLs = [`www.mywebsite.com/print/${url}/`, `www.anywebsite.net/q=${url}&sort`]

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

}
<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>