序文: 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 イントラネット スタンドアロン リバース プロキシの実装
質問1件会社のサーバーはApacheを使用しており、バックエンドはPHP、サーバーはLinux C/...
MySQL では、データベースの文字化けは一般的に文字セットを設定することで修正できますが、文字化け...
vuex 永続状態基本原則: すべての vuex データをローカルストレージに保存し、ページが更新さ...
Jmeter がネイティブの結果表示機能を提供していることは誰もが知っています。ネイティブの結果表示...
<br />このタグは、さらにテキストを入力できる複数行のテキスト フィールドを作成する...
勉強中に読んだ本についてもよく聞かれます。以下は初心者におすすめの本です(私が勉強中に読んだ本です。...
序文Linux には、ネットワーク接続、プロセス、およびその他の情報をリアルタイムで収集するための対...
macにbrewを使ってphp56をインストールしたところ、 opensslがバージョン1.1だった...
1. Dockerネットワークカードを作成する [root@i ~]# brctl addbr d...
目次主キー制約一意の主キー非 Null 制約デフォルトの制約外部キー制約1NF 2NF 3NFデータ...
導入インターネット アプリケーションの普及に伴い、膨大なデータの保存とアクセスがシステム設計における...
まず、MySQL のバージョンについて説明します。 mysql> バージョンを選択します();...
方法1: npm経由でプラグインをインストールする1. npm install vue-print-...
今日は断片化された画像の読み込み効果を実装します。効果は次のとおりです。 これを 3 つのステップで...
目次1. クロージャとは何ですか? 2. 閉鎖の役割序文: JavaScript部分ではクロージャが...