假设我制作了 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');
}
单击提交后我想打开另一个页面。我不想打开像谷歌这样已经在互联网上的链接,我想打开我在电脑上制作的东西。
您需要将获取文本框的值移到提交处理程序中。目前,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>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句