目次
回复内容:
ホームページ バックエンド開発 PHPチュートリアル javascript - JS如何实现页面只刷新一次

javascript - JS如何实现页面只刷新一次

Jun 06, 2016 pm 08:10 PM
css html html5 javascript php

纯前端如何实现页面仅仅刷新一次呢。现在的问题是写了一个settimeout(fn,1000)刷新一次页面,但是这样会导致每次页面onload都执行一次定时器。没有达到想要的效果。请教如果用cookie或者修改url可以实现吗,具体的方法是怎样的呢?

回复内容:

纯前端如何实现页面仅仅刷新一次呢。现在的问题是写了一个settimeout(fn,1000)刷新一次页面,但是这样会导致每次页面onload都执行一次定时器。没有达到想要的效果。请教如果用cookie或者修改url可以实现吗,具体的方法是怎样的呢?

可以考虑sessionStorage;

<code>    var  flag = window.sessionStorage.getItem("flag");
    console.log(flag);
    if(!flag){
       settimeout(fn,1000); 
       window.localStorage.setItem("flag","true");
    }
   每次打开页面只执行一次。 </code>
ログイン後にコピー

sessionStorage记录是否已刷新

localStorage cookie url 都可以解决问题
以 localStorage 为例

<code>if (localStorage.getItem('refreshed') !== 'true') {
  // settimeout
}
localStorage.setItem('refreshed', 'true')</code>
ログイン後にコピー
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

Ubuntu および Debian 用の PHP 8.4 インストールおよびアップグレード ガイド Ubuntu および Debian 用の PHP 8.4 インストールおよびアップグレード ガイド Dec 24, 2024 pm 04:42 PM

PHP 8.4 では、いくつかの新機能、セキュリティの改善、パフォーマンスの改善が行われ、かなりの量の機能の非推奨と削除が行われています。 このガイドでは、Ubuntu、Debian、またはその派生版に PHP 8.4 をインストールする方法、または PHP 8.4 にアップグレードする方法について説明します。

PHPでHTML/XMLを解析および処理するにはどうすればよいですか? PHPでHTML/XMLを解析および処理するにはどうすればよいですか? Feb 07, 2025 am 11:57 AM

このチュートリアルでは、PHPを使用してXMLドキュメントを効率的に処理する方法を示しています。 XML(拡張可能なマークアップ言語)は、人間の読みやすさとマシン解析の両方に合わせて設計された多用途のテキストベースのマークアップ言語です。一般的にデータストレージに使用されます

母音を文字列にカウントするPHPプログラム 母音を文字列にカウントするPHPプログラム Feb 07, 2025 pm 12:12 PM

文字列は、文字、数字、シンボルを含む一連の文字です。このチュートリアルでは、さまざまな方法を使用してPHPの特定の文字列内の母音の数を計算する方法を学びます。英語の母音は、a、e、i、o、u、そしてそれらは大文字または小文字である可能性があります。 母音とは何ですか? 母音は、特定の発音を表すアルファベットのある文字です。大文字と小文字など、英語には5つの母音があります。 a、e、i、o、u 例1 入力:string = "tutorialspoint" 出力:6 説明する 文字列「TutorialSpoint」の母音は、u、o、i、a、o、iです。合計で6元があります

PHPの配列の最後に要素を追加する方法 PHPの配列の最後に要素を追加する方法 Feb 07, 2025 am 11:17 AM

配列は、プログラミングのデータを処理するために使用される線形データ構造です。アレイを処理している場合は、既存の配列に新しい要素を追加する必要があります。この記事では、各方法のコード例、出力、時間と空間の複雑さ分析を使用して、PHPの配列の最後に要素を追加するいくつかの方法について説明します。 アレイに要素を追加するさまざまな方法は次のとおりです。 四角い括弧を使用します[] PHPでは、配列の最後に要素を追加する方法は、四角い括弧[]を使用することです。この構文は、単一の要素のみを追加する場合にのみ機能します。以下は構文です。 $ array [] = value; 例

DCAT管理者にデータを追加するためにクリックのカスタムテーブル関数を実装する方法は? DCAT管理者にデータを追加するためにクリックのカスタムテーブル関数を実装する方法は? Apr 01, 2025 am 07:09 AM

DCATを使用するときにDCATADMIN(Laravel-Admin)にデータを追加するためにカスタムクリックのテーブル関数を実装する方法...

番号がアームストロング番号であるかどうかを確認するPHPプログラム 番号がアームストロング番号であるかどうかを確認するPHPプログラム Feb 07, 2025 am 11:27 AM

アームストロング番号 アームストロング数は、数値の各数字のnパワーの合計を指します。数値自体に等しいです。ここで、nは数字の数字数です。この記事では、特定の番号がアームストロング番号であるかどうかを確認する方法について説明します。 例 いくつかの入力と出力の例を使用して、Armstrong番号について学びましょう。 入力 9474 出力 はい 説明する これは4桁の数字です。この数値の数字は9、4、7、4です。 9474 = 94 44 74 44 = 6561 256 2401 256 = 9474 したがって、これはアームストロングの数です。 入力 153 出力 はい 説明する これはトリプル桁数です。この数字の数字は1、5、3です

ubuntuにnginxでphpmyadminをインストールする方法は? ubuntuにnginxでphpmyadminをインストールする方法は? Feb 07, 2025 am 11:12 AM

このチュートリアルは、既存のApacheサーバーに沿って、潜在的にubuntuシステムにnginxとphpmyAdminをインストールおよび構成することをガイドします。 Nginxのセットアップをカバーし、Apacheとの潜在的なポートの競合を解決し、Mariadbをインストールします(

仮想通貨取引プラットフォームアプリの最新のランキングリスト(上位10の仮想通貨取引プラットフォームの在庫) 仮想通貨取引プラットフォームアプリの最新のランキングリスト(上位10の仮想通貨取引プラットフォームの在庫) Mar 04, 2025 pm 03:51 PM

この記事では、OKX、Binance、Gate.io、Huobi、Kraken、Coinbase、Kucoin、Crypto.com、Bitfinex、Bitstampなど、世界のトップ10の主要な暗号通貨取引所をリストします。技術的な強さ、豊富な製品ライン、厳格なコンプライアンス運用、革新的な生態学的構造により、これらの交換は世界の暗号通貨市場でリードしています。この記事では、それぞれ特別な機能、技術アーキテクチャ、セキュリティ対策、コンプライアンス資格、エコシステム構造を紹介し、投資家が適切な取引プラットフォームを選択するための参照を提供します。

See all articles