찾다
웹 프론트엔드JS 튜토리얼Node.js의 다른 새로운 page_javascript 기술로 이동하려면 버튼을 클릭하세요.

버튼을 클릭하여 다른 페이지로 이동하는 방법은 무엇입니까? 때로는 그러한 효과를 얻어야 하기 때문에 웹 사이트 제작에 필요할 수 있습니다. 특히 버튼이 그림으로 만들어질 때, 그리고 그림을 클릭하여 새 페이지로 이동할 때 어떻게 해야 합니까?

이러한 효과는 onclick="window.location='new page'"를 통해 얻을 수 있습니다.

1.

을 사용하여 원본 형식으로 바로 이동합니다.

코드는 다음과 같습니다

window.location.href="이동하려는 페이지";

2. 새로운 형식으로 페이지를 열려면:

코드는 다음과 같습니다

window.open('이동하고 싶은 페이지');

window.history.back(-1) 이전 페이지로 돌아가기

코드는 다음과 같습니다

제출 버튼을 눌렀을 때 입력 내용이 채워졌는지 확인하고 싶다면 어떻게 해야 하나요? 사용자 이름을 입력했거나 다른 항목이 비어 있는 경우, 제출하지 않고 버튼을 클릭하면 다음과 같이 할 수 있습니다.

코드는 다음과 같습니다

코드 복사 코드는 다음과 같습니다.


함수 열기(){

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

alert("사용자 이름을 입력하세요!"); document.form_name.username.focus() return false;

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

}


이 경우 값이 비어 있으면 버튼을 클릭해도 다른 페이지로 이동하지 않습니까? 이것은 효과를 달성합니다.

JS 점프 페이지 참조 코드

코드는 다음과 같습니다

첫 번째 유형:

두 번째 유형:

경고("반환");
window.history.back(-1);

세 번째 유형:

window.navigate("top.jsp");

네 번째 유형:

self.location='top.htm';

다섯 번째 유형:

Alert("불법 접근입니다!");
top.location='xx.jsp';

=====자바스크립트 팝업 선택 상자가 다른 페이지로 이동=====

코드 복사 코드는 다음과 같습니다.





="====팝업 프롬프트 상자가 자바스크립트의 다른 페이지로 이동합니다=====
코드 복사 코드는 다음과 같습니다.




성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 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头部信息的函数,在实现页面跳转时可以结合使用该函数。下面是一个

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

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

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

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

跳转购物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 Hentai를 무료로 생성하십시오.

뜨거운 도구

맨티스BT

맨티스BT

Mantis는 제품 결함 추적을 돕기 위해 설계된 배포하기 쉬운 웹 기반 결함 추적 도구입니다. PHP, MySQL 및 웹 서버가 필요합니다. 데모 및 호스팅 서비스를 확인해 보세요.

VSCode Windows 64비트 다운로드

VSCode Windows 64비트 다운로드

Microsoft에서 출시한 강력한 무료 IDE 편집기

Dreamweaver Mac版

Dreamweaver Mac版

시각적 웹 개발 도구

SublimeText3 영어 버전

SublimeText3 영어 버전

권장 사항: Win 버전, 코드 프롬프트 지원!

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기