从另一个定制的页面重定向到定制的html页面

时间:2019-06-14 08:27:28

标签: javascript html

假设我创建了3个网页:假Google,假Facebook和instagram。我目前在伪造的google上,现在我想根据我在搜索框中输入的内容去伪造的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');
}

我想在单击提交后打开另一个页面。我不想打开已经在互联网上的Google之类的链接,我想打开我在PC上所做的内容。

1 个答案:

答案 0 :(得分:0)

您需要将获取文本框的值移到提交处理程序中。目前,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>