从另一个自定义重定向到自定义 html 页面

Question

假设我制作了 3 个网页：假谷歌、假脸书和假 Instagram。我目前在假谷歌，现在我想根据我在搜索框中输入的内容去假 facebook 或假 instagram。如何使用 javascript 重定向到他们？

var form = document.getElementById('addForm');

form.addEventListener('submit', redirect);

var newItem = document.getElementById('item').value; // this collects value that I have entered in search box for eg fake facebook or fake insta

function redirect(e) {

  e.preventDefault();

  if (newItem == 'fakefacebook')

    window.open('file:///C:/html/index.html');

  else if (newItem == 'fakeinstagram')

    window.open('file:///C:/fakeinsta/index.html');

}

单击提交后我想打开另一个页面。我不想打开像谷歌这样已经在互联网上的链接，我想打开我在我的电脑上制作的东西。

Answer 1

您需要将获取文本框的值移到提交处理程序中。目前，newItem页面加载时正在设置值，并且永远不会再设置。var form = document.getElementById('addForm');form.addEventListener('submit', redirect);function redirect(e)&nbsp;{&nbsp; e.preventDefault();&nbsp; let newItem = document.getElementById('item').value; // this collects value that I have entered in search box for eg fake facebook or fake insta&nbsp; if (newItem == 'fakefacebook')&nbsp; {&nbsp; &nbsp; window.open('file:///C:/html/index.html');&nbsp; }&nbsp; else if (newItem == 'fakeinstagram')&nbsp; {&nbsp; &nbsp; window.open('file:///C:/fakeinsta/index.html');&nbsp; }}<form id="addForm">&nbsp;<p><label for="item">Input the search term:</label><input type="text" id="item">&nbsp;<p><input type="submit"></p></form>