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

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

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

1.

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

コードは次のとおりです

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

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

コードは次のとおりです

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

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

コードは次のとおりです

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

コードは次のとおりです

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


関数 open(){

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

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

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

}


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

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

コードは次のとおりです

最初のタイプ:

window.location.href="login.jsp?backurl=" window.location.href;

2 番目のタイプ:

alert("return");
window.history.back(-1);

3 番目のタイプ:

window.navigate("top.jsp");

4 番目のタイプ:

self.location='top.htm';

5 番目のタイプ:

alert("不正アクセスです!");
top.location='xx.jsp';

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

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





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




声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
如何实现PHP表单提交后的页面跳转如何实现PHP表单提交后的页面跳转Aug 12, 2023 am 11:30 AM

如何实现PHP表单提交后的页面跳转【简介】在Web开发中,表单的提交是一项常见的功能需求。当用户填写完表单并点击提交按钮后,通常需要将表单数据发送至服务器进行处理,并在处理完后将用户重定向至另一个页面。本文将介绍如何使用PHP来实现表单提交后的页面跳转。【步骤一:HTML表单】首先,我们需要在HTML页面中编写一个包含表单的页面,以便用户填写需要提交的数据。

php如何登录跳转传值php如何登录跳转传值Jun 05, 2023 am 10:44 AM

php登录跳转传值的方法:1、POST传值,使用html的“form”表单跳转的方法来进行post传值;2、GET传值,用<a>标签跳转进入xxx.php后,通过“$_GET['id']”获取传递的值;3、SESSION传值,一旦保存到SESSION中,其他页面都可以通过SESSION获取。

html怎么设置button大小及颜色html怎么设置button大小及颜色Mar 05, 2021 pm 05:16 PM

在html中,可以使用width和height属性来设置button元素的大小,使用background-color属性来设置button元素的颜色,具体语法为“button{width:宽度值;height:高度值;background-color: 颜色值;}”。

3秒跳转页面实现方法:PHP编程指南3秒跳转页面实现方法:PHP编程指南Mar 25, 2024 am 10:42 AM

标题:3秒跳转页面实现方法:PHP编程指南在网页开发中,页面跳转是常见的操作,一般情况下我们使用HTML中的meta标签或者JavaScript的方法进行页面跳转。不过,在某些特定的情况下,我们需要在服务器端进行页面跳转。本文将介绍如何使用PHP编程实现一个在3秒内自动跳转到指定页面的功能,同时会给出具体的代码示例。PHP实现页面跳转的基本原理PHP是一种在

跳转到指定页面的PHP代码实现方法跳转到指定页面的PHP代码实现方法Mar 07, 2024 pm 02:18 PM

在编写网站或应用程序时,经常会遇到需要跳转到指定页面的需求。在PHP中,我们可以通过几种方法来实现页面跳转。下面我将为您演示三种常用的跳转方法,包括使用header()函数、使用JavaScript代码和使用meta标签。使用header()函数header()函数是PHP中用来发送原始的HTTP头部信息的函数,在实现页面跳转时可以结合使用该函数。下面是一个

go语言中跳转语句有哪些go语言中跳转语句有哪些Dec 26, 2022 pm 04:33 PM

跳转语句有:1、break语句,用于退出循环或者退出一个switch语句,让程序继续执行循环之后的代码,语法“break;”;2、continue语句用于退出本次循环,并开始下一次循环,语法“continue;”;3、与标签结合跳转到指定的标签语句,语法“标签 + :”;4、goto语句,用于无条件地转移到程序中指定的行,语法“goto 标签;... ...标签: 表达式;”。

PHP编程技巧:如何实现3秒内跳转网页PHP编程技巧:如何实现3秒内跳转网页Mar 24, 2024 am 09:18 AM

标题:PHP编程技巧:如何实现3秒内跳转网页在Web开发中,经常会遇到需要在一定时间内自动跳转到另一个页面的情况。本文将介绍如何使用PHP实现在3秒内实现页面跳转的编程技巧,并提供具体的代码示例。首先,实现页面跳转的基本原理是通过HTTP的响应头中的Location字段来实现。通过设置该字段可以让浏览器自动跳转到指定的页面。下面是一个简单的例子,演示如何在P

跳转购物app怎么关闭跳转购物app怎么关闭Nov 29, 2023 pm 05:30 PM

关闭跳转购物app的方法:1、关闭应用内的跳转功能;2、更改浏览器设置;3、卸载更新或重新安装app。详细介绍:1、关闭应用内的跳转功能,打开购物app,在首页或搜索结果页中点击想要购买的商品,进入商品详情页后,不要直接点击“立即购买”或类似按钮,而是先点击页面右上角的“更多”或“设置”图标,在弹出的菜单中,找到“关闭跳转”或类似的选项,并点击它,确认关闭跳转功能等等。

See all articles

ホット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衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

強力な PHP 統合開発環境

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポート ライブラリとヘッダー ファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。

SublimeText3 中国語版

SublimeText3 中国語版

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

EditPlus 中国語クラック版

EditPlus 中国語クラック版

サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません