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

阿尤什·巴胡古纳

假设我制作了 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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用AngularJS中的自定义指令将一个html页面插入另一个html页面?

来自分类Dev

重定向到DjangoCMS中的自定义404 HTML页面

来自分类Dev

GitHub 页面站点重定向到自定义域而不是 index.html

来自分类Dev

重定向到另一个HTML页面

来自分类Dev

NativeScript 从自定义 Android 活动导航到另一个页面

来自分类Dev

使用PHP自定义HTML页面

来自分类Dev

仅使用 html 和 javascript 重定向到另一个 html 页面

来自分类Dev

重定向到Angular JS中的另一个HTML页面

来自分类Dev

可点击的div,将我重定向到另一个HTML页面

来自分类Dev

http-equiv重定向到另一个html页面

来自分类Dev

重定向到Angular JS中的另一个HTML页面

来自分类Dev

重定向到自定义404错误页面

来自分类Dev

Azure 重定向到自定义 404 页面

来自分类Dev

登录后如何重定向到自定义页面?

来自分类Dev

自定义jquery插件从另一个js页面调用方法

来自分类Dev

React-Leaflet - 自定义 Pin,OnClick 链接到另一个页面

来自分类Dev

单击HTML按钮,如何调用Java方法并重定向到另一个HTML页面?

来自分类Dev

在另一个angularjs页面中包括自定义angularjs页面作为用户控件

来自分类Dev

如何在javascript中单击按钮后从一个html页面重定向到另一个html页面?

来自分类Dev

如何将http重定向到https以及将index.html重定向到.htaccess中的另一个html页面?

来自分类Dev

通过单击另一个页面模板中的帖子标题,可以在特定的自定义wordpress模板中打开自定义帖子类型。

来自分类Dev

如何重定向到页面并将自定义标题添加到重定向

来自分类Dev

Spring Security将自定义登录页面重定向到其自身-重定向过多

来自分类Dev

Django:HTML表单提交给调用函数并重定向到另一个页面

来自分类Dev

如何不使用window.location重定向到另一个HTML页面?

来自分类Dev

如何进行html5验证然后重定向到另一个页面?

来自分类Dev

Blogger自定义模板HTML中断布局页面

来自分类Dev

自定义Drupal模块中的静态HTML页面

来自分类Dev

自定义Drupal模块中的静态HTML页面

Related 相关文章

  1. 1

    如何使用AngularJS中的自定义指令将一个html页面插入另一个html页面?

  2. 2

    重定向到DjangoCMS中的自定义404 HTML页面

  3. 3

    GitHub 页面站点重定向到自定义域而不是 index.html

  4. 4

    重定向到另一个HTML页面

  5. 5

    NativeScript 从自定义 Android 活动导航到另一个页面

  6. 6

    使用PHP自定义HTML页面

  7. 7

    仅使用 html 和 javascript 重定向到另一个 html 页面

  8. 8

    重定向到Angular JS中的另一个HTML页面

  9. 9

    可点击的div,将我重定向到另一个HTML页面

  10. 10

    http-equiv重定向到另一个html页面

  11. 11

    重定向到Angular JS中的另一个HTML页面

  12. 12

    重定向到自定义404错误页面

  13. 13

    Azure 重定向到自定义 404 页面

  14. 14

    登录后如何重定向到自定义页面?

  15. 15

    自定义jquery插件从另一个js页面调用方法

  16. 16

    React-Leaflet - 自定义 Pin,OnClick 链接到另一个页面

  17. 17

    单击HTML按钮,如何调用Java方法并重定向到另一个HTML页面?

  18. 18

    在另一个angularjs页面中包括自定义angularjs页面作为用户控件

  19. 19

    如何在javascript中单击按钮后从一个html页面重定向到另一个html页面?

  20. 20

    如何将http重定向到https以及将index.html重定向到.htaccess中的另一个html页面?

  21. 21

    通过单击另一个页面模板中的帖子标题,可以在特定的自定义wordpress模板中打开自定义帖子类型。

  22. 22

    如何重定向到页面并将自定义标题添加到重定向

  23. 23

    Spring Security将自定义登录页面重定向到其自身-重定向过多

  24. 24

    Django:HTML表单提交给调用函数并重定向到另一个页面

  25. 25

    如何不使用window.location重定向到另一个HTML页面?

  26. 26

    如何进行html5验证然后重定向到另一个页面?

  27. 27

    Blogger自定义模板HTML中断布局页面

  28. 28

    自定义Drupal模块中的静态HTML页面

  29. 29

    自定义Drupal模块中的静态HTML页面

热门标签

归档