在新窗口中打开 JavaScript URL答案

【问题标题】：Open JavaScipt URL in new window在新窗口中打开 JavaScript URL
【发布时间】：2020-08-17 21:38:00
【问题描述】：

想知道是否有人可以提供帮助。我创建了一些代码，根据用户选择的选项，它们会被带到特定的 URL。我一切正常，但是 URL 不会在新窗口中打开。

任何帮助都会很棒。

这是代码：

 $(document).ready(function() {
    var selectVal1 = $("#selectBox1").val();
    var selectVal2 = $("#selectBox2").val();
    $("#selectBox1").change(function() {
            selectVal1 = $("#selectBox1 option:selected").val();
    });
    $("#selectBox2").change(function() {
            selectVal2 = $("#selectBox2 option:selected").val();
    });
    
    $("#click").click(function() {
    
    if(selectVal1 == 'A' && selectVal2 == 'A'){
        location = "https://www.google.com/animalmanagement-25thaug", '_blank';}
    else if(selectVal1 == 'A' && selectVal2 == 'B'){        
        location = "https://www.google.com/animalmanagement-26thaug", '_blank';}
    if(selectVal1 == 'B' && selectVal2 == 'A'){
        location = "https://www.google.com/artdesign-25thaug", '_blank';}
    else if(selectVal1 == 'B' && selectVal2 == 'B'){        
        location = "https://www.google.com/artdesign-26thaug", '_blank';}
});
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://www.sthelens.ac.uk/book-slot/book-enrolment.js"></script>

<h3>Book Your Enrolment Slot</h3>
<select id="selectBox1">
  <option value="">Select which subject you would like to study?</option>
  <option value="A">Animal Management</option>
  <option value="B">Art &amp; Design</option>
</select>
<select id="selectBox2">
  <option value="">Select what date you would like to come in and enrol</option>
  <option value="A">Tuesday 25th August 2020</option>
  <option value="B">Wednesday 26th August 2020</option>
</select>
<input id="click" type="button" value="Book Now" class="button">

【问题讨论】：

你没有设置正确的 JS 变量来打开一个新的 URL。 stackoverflow.com/questions/3332756/…
欢迎来到 SO。看来您已经假设 location.href 是如何工作的。您正在使用语法，就像它是一个函数一样，将参数传递给它。它不是;它是一个实时属性，需要一个简单的分配 - URL。您不能将目标窗口作为第二个参数传递给它。

标签： javascript

【解决方案1】：

window.open 可能会有所帮助

window.open(<url>);

或者

window.open(<url>, "_blank"); // opens in new tab

【讨论】：

【解决方案2】：

您可以使用window.open(your url) ..

或者你可以参考这个文档。

https://developer.mozilla.org/en-US/docs/Web/API/Window/open

【讨论】：

【解决方案3】：

您可以使用下面的代码

$("#click").click(function() {
    
   if(selectVal1 == 'A' && selectVal2 == 'A'){
       var  location = "https://www.google.com/animalmanagement-25thaug";
   } else if (selectVal1 == 'A' && selectVal2 == 'B'){        
       var location = "https://www.google.com/animalmanagement-26thaug";
   } else if (selectVal1 == 'B' && selectVal2 == 'A'){
       var location = "https://www.google.com/artdesign-25thaug";
   } else if (selectVal1 == 'B' && selectVal2 == 'B'){        
       var location = "https://www.google.com/artdesign-26thaug";
   }
   var wind = window.open(location, '_blank');
   //wind.focus(); // If required

});

【讨论】：