HTML est l'un des langages de base pour la création de pages Web. Il nous permet d'ajouter divers éléments à la page pour obtenir des effets d'interaction de page riches. Parmi eux, cliquer pour accéder à une page est une méthode d’interaction très courante et largement utilisée dans divers sites Web et applications.
En HTML, il existe de nombreuses façons de réaliser un saut de page par clic, qui seront présentées une par une ci-dessous.
Le clic le plus courant pour sauter consiste à utiliser la balise hyperlien, qui nous permet de convertir un certain texte ou une image de la page en un lien et d'accéder à la page spécifiée lorsque vous cliquez dessus.
La syntaxe est la suivante :
链接文本
Parmi eux,href
est l'adresse cible du lien spécifiée, qui peut être une adresse absolue (comme http://example.com) ou une adresse relative (comme /about.html), ou même un appel de fonction JavaScript (comme javascript:void(0)). LeTexte du lien
est un texte ou une image cliquable qui apparaît sur la page.href
是指定的链接目标地址,可以是一个绝对地址(比如http://example.com),也可以是一个相对地址(比如/about.html),甚至可以是一个JavaScript函数调用(比如javascript:void(0))。链接文本
则是在页面上显示的可点击的文本或图像。
例如,我们要在页面上添加一个链接,点击后跳转到百度网站:
去百度网站逛逛
这样就在页面上创建了一个超链接,点击后会跳转到百度网站。另外需要注意的是,如果href
属性为空,那么点击链接时会刷新当前页面。
除了使用超链接标签外,还可以使用JavaScript函数实现点击跳转。例如,我们要实现一个页面中的按钮,点击后跳转到指定的页面,可以使用以下代码:
在HTML中,表单可以用于用户输入数据,并提交到指定的服务器进行处理。但是,我们可以将表单的提交地址设为目标页面地址,这样当用户点击提交按钮时,就会跳转到目标页面。
其中,action
属性指定表单提交到的目标页面地址,input
元素中的type="submit"
href
est vide, la page actuelle sera actualisée lorsque vous cliquerez sur le lien.
En plus d'utiliser des hyperliensdes balises, vous pouvez également utiliser des fonctions JavaScript pour réaliser des sauts de clic. Par exemple, si nous voulons implémenter un bouton sur une page et accéder à la page spécifiée après avoir cliqué dessus, nous pouvons utiliser le code suivant :
rrreee Parmi eux,onclick
est la fonction déclencheur du Événement de clic sur le bouton Lorsque le bouton est cliqué, exécutera le code JavaScript entre parenthèses.
window.location.href
est un objet intégré en JavaScript, qui représente l'adresse URL de la page actuelle. En modifiant la valeur de cet objet, la page actuelle peut être sautée à la page spécifiée. Par exemple, nous voulons créer un bouton qui accédera au site Web de Baidu lorsque vous cliquez dessus : rrreeeCela crée un bouton qui accédera au site Web de Baidu lorsque vous cliquez dessus.
action
précise l'adresse de la page cible à laquelle le formulaire est soumis, et le
type="submit"
dans l'élément
input
> indique qu'il s'agit d'un bouton de soumission. Par exemple, nous souhaitons ajouter un formulaire à la page. Une fois que l'utilisateur a rempli les données, cliquez sur le bouton Soumettre pour accéder au site Web de Baidu : rrreeeDe cette façon, un formulaire est créé après la saisie de l'utilisateur. le contenu à rechercher, cliquez sur le bouton Soumettre. Vous accéderez au site Web de Baidu pour la recherche. RésuméIl existe trois façons ci-dessus de réaliser un saut d'un clic vers une page en HTML : en utilisant des hyperliens des balises, des fonctions JavaScript et la soumission de formulaires. Dans des applications spécifiques, nous pouvons choisir la méthode appropriée en fonction des besoins réels. Il convient de noter que lors du saut de page, des invites conviviales et des méthodes de saut appropriées doivent être fournies pour améliorer l'expérience utilisateur et les effets de page.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!