Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/437.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根据搜索输入更改窗口位置_Javascript_Html - Fatal编程技术网

使用JavaScript根据搜索输入更改窗口位置

使用JavaScript根据搜索输入更改窗口位置,javascript,html,Javascript,Html,我的页面上有一个输入,我想用于搜索。我希望页面跳转到用户输入值的位置 HTML: 这在我看来是有道理的,但在实践中却行不通。我确信我的搜索功能是错误的。我怎样才能使它正确?我想和纯JS呆在一起 我希望页面跳转到用户输入值的位置 通过标识符选择元素,然后使用该方法转到由其值确定的元素顶部位置 var elem=document.querySelector(“#”+typedValue); 滚动窗口(0,元素偏移)为什么它不工作?你能添加一个片段吗?我试图创建一个小提琴,但它不允许我保存。经过进一

我的页面上有一个输入,我想用于搜索。我希望页面跳转到用户输入值的位置

HTML:

这在我看来是有道理的,但在实践中却行不通。我确信我的
搜索
功能是错误的。我怎样才能使它正确?我想和纯JS呆在一起

我希望页面跳转到用户输入值的位置

通过标识符选择元素,然后使用该方法转到由其值确定的元素顶部位置

var elem=document.querySelector(“#”+typedValue);

滚动窗口(0,元素偏移)为什么它不工作?你能添加一个片段吗?我试图创建一个小提琴,但它不允许我保存。经过进一步研究,我想我已经发现fiddle不允许
窗口。位置
更改。类似于本文的问题?@JackLe根本不允许。那篇文章正在讨论锚定链接。这是用户输入。不涉及锚定链接。@ATomCalledStu您需要锚定链接才能在同一页面中导航。或者,与其“跳转”到匹配的部分,为什么不隐藏所有的搜索结果,除了匹配的部分
<input name="searchInput" type="text" id="searchInputOne" class="searchInput" />
<input type="button" id="submitButton" value="Search" />
var input = document.getElementById("searchInputOne");
var submit = document.getElementById("submitButton");

function search() {
     window.location = window.location.href + "/" + input.value;
}

submit.onclick = search;