序文: window オブジェクトは、フォームの 1. 場所オブジェクト1. URL URL の一般的な構文は次のとおりです。
2. 場所オブジェクトのプロパティこれらのプロパティを使用して、アドレス バー内の対応する情報を取得できます。次に例を示します。
または、対応する属性をコンソールに直接入力して、対応する戻り値を取得することもできます。 たとえば、ボタンをクリックしてページにジャンプする効果を作成します。 <本文> <button>ジャンプ</button> <div></div> <スクリプト> var btn = document.querySelector('ボタン'); var div = document.querySelector('div'); var タイマー = 5; btn.addEventListener('click',function(){ 時間() }) var time = setInterval(関数(){ タイマーが0の場合 this.location.href = 'https://www.baidu.com' } それ以外{ div.innerHTML = 'ページは '+timer+' 秒後にジャンプします' タイマー - ; } },1000); </スクリプト> </本文> 実行結果は次のとおりです。 3. ロケーションオブジェクトのメソッドたとえば、location オブジェクト メソッドを使用してページにジャンプすることもできます。 <button>クリックしてジャンプ</button> <スクリプト> var btn = document.querySelector('ボタン'); btn.addEventListener('click',function(){ location.assign('https://www.baidu.com') }) </スクリプト> 2. ナビゲーターオブジェクト
if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) { window.location.href = ""; //携帯電話} else { window.location.href = ""; //コンピュータ} 3. 履歴オブジェクト
最も一般的に使用される 3 つの方法は次のとおりです。
たとえば、2 つのページがあり、1 つのボタンを使用して前後に移動する場合は、次に示すように、2 つのページのボタンにそれぞれ forward メソッドと history メソッドをバインドできます。 <本文> <a href="list.html" rel="external nofollow" >リストページへ移動</a> <button>進む</button> <スクリプト> var btn = document.querySelector('ボタン'); btn.addEventListener('click',function(){ 履歴を転送する() }) </スクリプト> </本文> <本文> <a href="index.html" rel="external nofollow" >メインページに戻る</a> <button>戻る</button> <スクリプト> var btn = document.querySelector('ボタン'); btn.addEventListener('click',function(){ 履歴.戻る() }) </スクリプト> </本文> 効果は次のとおりです。 あるいは、 以下もご興味があるかもしれません:
|
>>: Nginx イントラネット スタンドアロン リバース プロキシの実装
この記事では、MySQL 5.7.17 winx64解凍版のインストールと設定方法を紹介します。具体...
セレクタのグループ化h2 要素と段落の両方を灰色にしたいとします。これを行う最も簡単な方法は、次のス...
MySQL ログイン パスワードを忘れた場合、解決方法は実はとても簡単です。MySQL メイン構成フ...
最近、ポップアップ広告に取り組んでいました。デフォルト ページには z-index が設定されていな...
最近、Yahoo の 34 の黄金律を読み、ウェブサイトのパフォーマンスを最適化する方法を学びました...
通常、清明節、国哀悼日、大地震の日、影響力のある偉人の死去または命日には、ウェブマスターとして、故人...
はじめに: MySQL は、スウェーデンの MySQL AB によって開発されたリレーショナル デー...
序文これまでの Tomcat シリーズの記事を通じて、私のブログを読んでいる学生は Tomcat に...
CSS は、スタイル、レイアウト、プレゼンテーションの領域です。色彩、サイズ、アニメーションが溢れて...
目次1. 内閣府1. コンセプト2. MHAの構成3. MHAの特徴2. MySQL+MHAをビルド...
説明 ソリューションVMware 15 仮想マシン ブリッジ モードではインターネットにアクセスでき...
目次概要本日正午、開発およびテスト環境の MySQL サービスで接続数が多すぎるというエラーが報告さ...
テーブル内の min-width と max-width プロパティの設定 <テーブル>...
1. 動的クエリルール動的クエリルールは、おおよそ次の図のようになります。ユーザのカスタマイズに応じ...
この記事では、一般的な MySQL ストレージ エンジンの機能と使用方法を例を使って説明します。ご参...