序文: 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 イントラネット スタンドアロン リバース プロキシの実装
リーダーの指示のもと、Java プロジェクトを引き継ぎ、リファクタリングを行う必要がありました。同時...
CSS の開発履歴についてはここでは紹介しません。ブログを書いている理由の 1 つは、フロントエンド...
まず、ページにビデオを埋め込むための HTML コードは次のとおりです。コードをコピーコードは次のと...
場合によっては、次のような機能を実装したいことがあります。リンクをクリックします。リンクがブラウザで...
Linux touch コマンドの詳細な説明: 1. コマンド機能:ファイルまたはディレクトリの作成...
目次MySQL テーブルの断片化の原因行の断片化行内断片化空き領域の断片化MySQL で極度に断片化...
目次1. Dockerのセキュリティ問題2. Dockerアーキテクチャの欠陥とセキュリティメカニズ...
1. CSSの記述形式1. インラインスタイルCSSコードを開始タグに直接記述することができます&l...
W3C の原則によれば、XML の各開始タグには対応する終了タグが必要です。つまり、<html...
ここ数日、dockerでSpring Bootアプリケーションを実行する方法を勉強してきました。以前...
<br />ネットワーク設計の分野では、アイトラッキングに関する研究が非常に盛んに行われ...
プロジェクト内のページの長さはおよそ2000px以上あり、背景画像にはテクスチャやグラデーションがあ...
目次オープニングシーンv-for を使用した直接レンダリングカスタムコンポーネントで直接レンダリング...
目次原理ソースコード分析委任されたイベントバインディングすべてのサポートされているイベントを聴くネイ...
暗い背景スタイルのページ デザインは非常に人気があり、シックでエレガント、そして非常にクリエイティブ...