Javascript 如何使用HTML和JQUERY将一个页面跳转到另一个页面

Javascript 如何使用HTML和JQUERY将一个页面跳转到另一个页面,javascript,html,Javascript,Html,我想使用HTML将一个页面跳转到另一个页面。我有两页。在第一页我有一个文本框。如果我在文本框中输入任何值,我想跳到第二页。此处windows.location.href功能将不起作用。我正在使用以下代码 $(文档).on('change','input',function(){ var options=$('datalist')[0]。选项; 对于(var i=0;i如果存在外部站点,则必须添加位置。 如果锚在同一页上,也可以添加锚 $(文档).ready(函数(){ $(“#语言”).ch

我想使用HTML将一个页面跳转到另一个页面。我有两页。在第一页我有一个文本框。如果我在
文本框中输入任何值,我想跳到第二页。此处
windows.location.href
功能将不起作用。我正在使用以下代码

$(文档).on('change','input',function(){
var options=$('datalist')[0]。选项;

对于(var i=0;i如果存在外部站点,则必须添加位置。 如果锚在同一页上,也可以添加锚

$(文档).ready(函数(){
$(“#语言”).change(函数(){
位置=$(“#语言选项:选定”).val();
location.href=位置;
});
});

场地1
站点2

设置第1页和第2页屏幕的ID

$(document).on('change', 'input', function(){    
    var options = $('datalist')[0].options;     
    for (var i=0;i<options.length;i++){
       if (options[i].value == $(this).val()) 
         {alert($(this).val());  
         $("html, body").animate({ scrollTop: $('#page2').offset().top }, "slow");
         }
    }
});
$(文档).on('change','input',function(){
var options=$('datalist')[0]。选项;
对于(var i=0;iCSS
a、 hiddenLink{可见性:隐藏;显示:无;}

在Page1.html中

编写一个函数来处理文本框的onblur,下面有一行代码 document.getElementById(“page2Link”)。单击(); 使用href=“page2.html”id=“page2Link”class=“hiddenLink”添加锚定标记

在Page2.html中


使用href=“page1.html”class=“hiddenLink”添加锚定标记

page1
page2
HTML文件还是锚?你有两个HTML页面,或者一个HTML页面有两个div?如果你有两个HTML页面,你必须使用
window.location.href
我有两个屏幕。如果我在第一个屏幕中更改了任何值,我想在第二个屏幕上移动。这两个页面都有相同的URL。这就是我想要的要求从一个页面跳转到另一个页面。只有一个HTML页面。第二个是Applicationcraft设计。没有HTML和css代码。我想从!st HTML屏幕跳转到第二个Applicationcraft屏幕。你很难理解。你也可以添加锚。喜欢,然后在value中添加value=“#firstscreen”等等。第页上是否存在id为page2的div?