ホームページ ウェブフロントエンド jsチュートリアル js ボタンをクリックして別の新しいページにジャンプする_javascript スキル

js ボタンをクリックして別の新しいページにジャンプする_javascript スキル

May 16, 2016 pm 04:34 PM
button ジャンプ

ボタンをクリックして別のページにジャンプするにはどうすればよいですか?ウェブサイトの制作では、特にボタンが画像になっている場合や、画像をクリックして新しいページにジャンプする場合など、そのような効果を実現する必要がある場合があるため、この機能が必要になることがあります。

このような効果は、onclick="window.location='new page'" によって実現できます。

1.

を使用して元のフォームに直接ジャンプします

コードは次のとおりです

window.location.href="ジャンプ先のページ";

2. 新しいフォームでページを開くには:

コードは次のとおりです

window.open('ジャンプしたいページ');

window.history.back(-1); 前のページに戻る

コードは次のとおりです

送信ボタンをクリックしたときに入力内容が入力されているかどうかを確認したい場合はどうすればよいですか?ユーザー名を入力するか、その他のフィールドが空の場合、送信せずにボタンをクリックすると、次のように実行できます。

コードは次のとおりです

コードをコピー コードは次のとおりです:

<スクリプト言語=javascript>
関数 open(){

if(!document.form_name.username.value) {

alert("ユーザー名を入力してください!"); return false;

}else document.form_name.action="aaa.htm";

}


この場合、値が空の場合、ボタンをクリックしても別のページにジャンプしませんか?これにより効果が得られる。

JS ジャンプ ページのリファレンス コード

コードは次のとおりです

最初のタイプ:
<スクリプト言語="javascript" タイプ="text/javascript">
window.location.href="login.jsp?backurl=" window.location.href;

2 番目のタイプ:
<スクリプト言語="javascript">
alert("return");
window.history.back(-1);

3 番目のタイプ:
<スクリプト言語="javascript">
window.navigate("top.jsp");

4 番目のタイプ:
<スクリプト言語="JavaScript">
self.location='top.htm';

5 番目のタイプ:
<スクリプト言語="javascript">
alert("不正アクセスです!");
top.location='xx.jsp';

======JavaScriptのポップアップ選択ボックスは他のページにジャンプします=====

コードをコピー コードは次のとおりです:

<スクリプト言語="javascript">



=====JavaScript でポップアッププロンプトボックスが他のページにジャンプします=====
コードをコピー コードは次のとおりです:

<スクリプト言語="javascript">


このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、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衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

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

SublimeText3 中国語版

SublimeText3 中国語版

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

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

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

PHPフォーム送信後のページジャンプを実装する方法 PHPフォーム送信後のページジャンプを実装する方法 Aug 12, 2023 am 11:30 AM

PHP フォーム送信後のページジャンプの実装方法 [はじめに] Web 開発において、フォーム送信は一般的な機能要件です。ユーザーがフォームに記入して送信ボタンをクリックした後、通常はフォーム データを処理のためにサーバーに送信する必要があり、処理後にユーザーは別のページにリダイレクトされます。この記事では、PHPを使用してフォーム送信後のページジャンプを実装する方法を紹介します。 [ステップ 1: HTML フォーム] まず、ユーザーが送信する必要のあるデータを入力できるように、HTML ページにフォームを含むページを記述する必要があります。

ログインしてジャンプしてPHPで値を渡す方法 ログインしてジャンプしてPHPで値を渡す方法 Jun 05, 2023 am 10:44 AM

PHP ログイン ジャンプ値転送メソッド: 1. POST 値転送、HTML "フォーム" フォーム ジャンプ メソッドを使用して値転送をポストします; 2. GET 転送値、 <a> タグを使用して xxx.php にジャンプし、渡された値を取得しますthrough "$_GET['id']"; 3. SESSION は値を渡します。SESSION に保存すると、SESSION を通じて他のページを取得できます。

HTMLでボタンのサイズと色を設定する方法 HTMLでボタンのサイズと色を設定する方法 Mar 05, 2021 pm 05:16 PM

HTML では、width 属性と height 属性を使用してボタン要素のサイズを設定し、background-color 属性を使用してボタン要素の色を設定できます。具体的な構文は「button{width: width value; height:」です。高さの値;背景色:色の値;}"。

指定したページにジャンプするPHPコードを実装する方法 指定したページにジャンプするPHPコードを実装する方法 Mar 07, 2024 pm 02:18 PM

Web サイトやアプリケーションを作成するとき、特定のページにジャンプする必要が生じることがよくあります。 PHP では、いくつかの方法でページ ジャンプを実現できます。以下に、header() 関数の使用、JavaScript コードの使用、メタ タグの使用など、3 つの一般的なジャンプ方法を示します。 header()関数の使い方 header()関数は、PHPで独自のHTTPヘッダ情報を送信するために使用される関数で、ページジャンプを実装する際に組み合わせて使用​​できます。以下は、

3 秒でページジャンプを実装する方法: PHP プログラミングガイド 3 秒でページジャンプを実装する方法: PHP プログラミングガイド Mar 25, 2024 am 10:42 AM

タイトル: 3秒でできるページジャンプの実装方法: PHPプログラミングガイド Web開発においてページジャンプは一般的な操作ですが、通常はHTMLやJavaScriptのメソッド内のメタタグを使ってページにジャンプします。ただし、特定のケースでは、サーバー側でページ ジャンプを実行する必要があります。この記事では、PHPプログラミングを使用して、3秒以内に指定したページに自動でジャンプする機能を実装する方法と、具体的なコード例を紹介します。 PHP を使用したページジャンプの基本原理 PHP は一種の

ジャンプショッピングアプリの終了方法 ジャンプショッピングアプリの終了方法 Nov 29, 2023 pm 05:30 PM

ジャンプショッピングアプリを終了する方法: 1. アプリ内のジャンプ機能をオフにする; 2. ブラウザの設定を変更する; 3. アップデートをアンインストールまたはアプリを再インストールします。詳細な紹介: 1. アプリのジャンプ機能をオフにし、ショッピング アプリを開き、ホームページまたは検索結果ページで購入したい商品をクリックし、商品詳細ページに入った後、「今すぐ購入」を直接クリックしないでください。 」または同様のボタンがありますが、最初にページの右上隅にある「詳細」または「設定」アイコンをクリックします。ポップアップメニューで「ジャンプをオフにする」または同様のオプションを見つけてクリックし、確認してオンにしますジャンプ機能をオフにするなど。

Go言語のジャンプステートメントとは何ですか? Go言語のジャンプステートメントとは何ですか? Dec 26, 2022 pm 04:33 PM

Jump ステートメントには次のものが含まれます: 1. Break ステートメントは、ループを終了するために使用するか、switch ステートメントを使用して、プログラムがループ後にコードの実行を続行できるようにします。構文は「break;」です。2. continue ステートメントは、これを終了するために使用されます。ループして次のステートメントを開始する ループ、構文 "Continue;"; 3. ラベルと組み合わせて、指定したラベル ステートメントにジャンプします、構文 "label + :"; 4. goto ステートメント。プログラム、構文「goto label; ... ...タグ: 式;」。

PHPで隠しアドレスジャンプを実装する方法 PHPで隠しアドレスジャンプを実装する方法 Mar 22, 2023 am 11:24 AM

Web 開発では、ページのアドレスを非表示にしたり、ページをリダイレクトしたりする必要が生じることがよくあります。ブラウザのアドレス バーのアドレスはユーザーがいつでも表示および変更できるため、ページ アドレスを完全に非表示にしたりリダイレクトしたりするには、いくつかのサーバー側テクノロジが必要です。その中でも、PHP は一般的に使用されるサーバー側スクリプト言語であり、隠しアドレス ジャンプの実装に使用できます。

See all articles