从另一个自定义重定向到自定义 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 instafunction 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) 

{

  e.preventDefault();

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

  if (newItem == 'fakefacebook')

  {

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

  }

  else if (newItem == 'fakeinstagram')

  {

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

  }

}

<form id="addForm">

 <p><label for="item">Input the search term:</label><input type="text" id="item">

 <p><input type="submit"></p>

</form>