序文: 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 イントラネット スタンドアロン リバース プロキシの実装
この記事では、Web デザインにおけるフォーム入力ボックスに関するヒントとコードをいくつか紹介します...
目次ステップ1: プロジェクトをインストールするディレクトリにnode_modulesをインストール...
目次1. 遅延読み込みとは何ですか? 2. 遅延読み込みを実装する🌄: 2.1 最初の方法: 2.2...
Docker は過去 2 年間で非常に人気が高まっています。開発者はすべてのアプリケーションとソフト...
1. インストール手順 Linux 環境でのローカル インストールと比較すると、Docker のイン...
2日前、ダブル11ショッピングフェスティバルを利用して、Alibaba CloudでECS(サーバー...
目次1. インストールの準備1. Linux関連情報の表示(Linuxコマンドライン操作) 2. M...
Linux touch コマンドの詳細な説明: 1. コマンド機能:ファイルまたはディレクトリの作成...
MySQL レプリケーション テーブルの詳細な説明テーブル構造、インデックス、デフォルト値などを含む...
MJML は、開発者が美しく、応答性に優れ、あらゆるデバイスやメール クライアントで動作する魅力的な...
最近、Textrea に転送したときに、データが本当に行ごとに保存できるかどうかという問題に遭遇しま...
目次序文1. ssコマンド2. Zabbix監視マシンの全体的なソケットステータス2.1. スクリプ...
DTD はマークアップの文法規則のセットです。これは XML 1.0 仕様の一部であり、HTML フ...
この記事では、MySQL 8.0.14のインストールと設定のプロセスを記録しています。具体的な内容は...
1. nginxを例に挙げるyumコマンドを使用してNginxをインストールしましたSystemd ...