Перезагрузка страницы с помощью javascript

У меня есть страница, содержащая несколько вкладок. Я хочу перезагрузить страницу, но она должна остаться на той же странице. Я пробовал перезагрузить с помощью window.location.reload () Но его перенаправление на 1-ю страницу, чего я не хочу. Пожалуйста, предложите мне другие способы перезагрузки с помощью js.

вы имеете ввиду оставаться на том же tab?

Mehravish Temkar 25.04.2018 13:22

Вы пробовали локальное хранилище или файлы cookie?

Nesh 25.04.2018 13:24

Просто сохраните свой идентификатор вкладки где-нибудь (localstorage, dbstorage, url) и попробуйте восстановить его при каждой инициализации страницы.

Drag13 25.04.2018 13:29

На самом деле, мое требование состоит в том, что всякий раз, когда пользователь нажимает на какую-то другую вкладку, он должен перезагружать все другие вкладки и оставаться на выбранной вкладке.

Neha Singh 25.04.2018 13:45

Чем я не понимаю. Зачем перезагружать все остальные вкладки? Они видны? Им нужны данные, которые нужно перезагружать?

Drag13 25.04.2018 13:49

Во всех вкладках у нас есть несколько полей, текстовое поле, раскрывающийся список и т. д. Пользователь ввел какое-то значение для этих полей. Поэтому я хочу, чтобы всякий раз, когда пользователь переходит на другую вкладку, он должен сбрасывать поля.

Neha Singh 25.04.2018 13:55

Вы можете вызвать метод reset() в формах на всех других вкладках, чтобы вернуть для всех полей ввода значения по умолчанию.

Barmar 01.05.2018 20:28

При чем здесь node.js? Это работает в браузере, а не на сервере.

Barmar 01.05.2018 20:29
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
8
97
3

Ответы 3

См. Прикрепленный фрагмент кода. Чтобы сделать перезагрузку, вы можете вызвать ее через javascript. Я прикрепил функцию javascript к кнопке HTML, чтобы продемонстрировать эту функцию.

Это решение должно работать, так как вы уже нажали вкладку. Если вы не хотите, чтобы она запускалась кнопкой HTML, вы можете в любом случае использовать эту функцию и позволить ей запускаться из javascript.

function pageReload() {
location.reload();
}
#button {
  width: 100px;
  height: 50px;
}
<!DOCTYPE html>
<html lang = "en" dir = "ltr">
  <head>
    <meta charset = "utf-8">
    <title></title>
    <link rel = "stylesheet" href = "index.css">
  </head>
  <body>

  <button id = "button" type = "button" name = "button" onclick = "pageReload()">Reload</button>

<script src = "index.js"></script>
  </body>
</html>

TS хочет не только перезагрузить страницу, но и восстановить вкладку пользователей

Drag13 25.04.2018 13:30

Если TS использует функцию javascript и отображает ее для выполнения после щелчка по вкладке, результатом будет перезагрузка этой конкретной страницы.

Toolbox 25.04.2018 13:33

если вы можете использовать параметры запроса в URL-адресе, он будет работать без локального хранилища, хранилища сеансов, кеша или файлов cookie.

Например: www.something.com?reloaded=true&tab_num=2

In all tabs we have some fields textfield, dropdown etc. The user has entered some value for those fields. So i want whenever the user nevigates to other tab it should reset the fields.

Я бы попробовал пойти этим путем.

Прежде всего, на каждой вкладке у вас есть метод инициализации, который устанавливает некоторые начальные значения в ваши элементы управления. Итак, вам необходимо: 1. Подпишитесь на событие при изменении вкладки. Реализация этого зависит от вашего плагина. 2. При смене вкладки - повторно инициализируйте вкладку и снова установите значения пустыми.

Такой подход будет 1. Обновите только одну вкладку вместо всех (так будет быстрее) 2. Дайте вам контроль при инициализации каждой вкладки. 3. Сделайте точку, в которой вы можете легко добавить дополнительную логику, когда появятся новые требования.

Надеюсь это поможет.

Другие вопросы по теме