【javaweb：前端】修改a标签的href值为javascript代码使页面不自动跳转到当前页，改成不操作

最新推荐文章于 2022-04-04 21:23:50 发布
最新推荐文章于 2022-04-04 21:23:50 发布
阅读量858 收藏
点赞数
分类专栏： JavaWeb 文章标签： web前端 href不作用 a标签 javascript java web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Topdandan/article/details/79342681
版权

说明：<a>标签的href=“#”，改成href="javascript:void(0);"可使页面不自动跳转到当前页，改成不做任何操作，还可以直接使用href="javascript:;"。

此方法常用，需记住。

举例：

<a href="javascript:void(0)" οnclick="delProduct('${pro.pid}')">
    <img src="${pageContext.request.contextPath}/images/i_del.gif"
    width="16" height="16" border="0" style="CURSOR: hand">
</a>

像雾像雨又像风_
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端页面跳页面问题
ifnotcorrect的博客
06-12 951
问题概述：页面跳页面（视图跳视图），浏览器地址已改变，而跳转的页面不显示 以下是简略的详细代码 /**本问题在ssm项目中遇到，故代码用到的是ssm的规则*/ <忘了说了，我遇到这个问题的根本原因是--我将jsp项目改成ssm项目，套用jsp项目的前端，然而ssm实现是严格采用MVC模式，各代码各司其职，不像jsp代码那样可以将实现多功能的代码放一块，故jsp规范不能套用到ssm规范&...
WEB开发中的页面跳转方法总结
weixin_30546189的博客
11-13 421
页面跳转可能是由于用户单击链接、按钮等触发的，也可能是系统自动产生的。页面自动跳转在WEB开发中经常用到，而且根据需求可以采用不同的跳转方式，比如提示操作信息后延时跳转等， 本文总结了WEB开发中常见的几种页面跳转方法。 PHP header()函数跳转 PHP的header()函数非常强大，其中在页面url跳转方面也调用简单，使用header()直接跳转到指定url页面，这时页面跳转是302...
Web项目的页面跳转问题
YUAN的博客
04-11 3364
1、服务端跳转（也称转发，转发不会改变地址栏的地址），自动加上上下文路径req.getRequestDispatcher("/WEB-INF/jsp/user/index.jsp").forward(req, resp);                2、客户端跳转（也称重定向，重定向是发送一个新的URL到客户端，由客户端重新访问），用户从servlet跳到servlet,不会自动加上上下文路径...
使用js修改超链接的href属性值
weixin_43376042的博客
04-04 4398
应用场景：一个社团管理员可能是多个社团的管理员，在登入界面后，可通过下拉框的选择，修改某一超链接的href值。比如下面这种： window.onload = function() { $("#selectClub").bind("change",function(){ var name = $("#selectClub option:selected").text(); if(name=="请选择" || name=='') $("#sendsign").attr('href'
酒店前端项目，JavaScript+css+html,静态网页，适用于大作业，上机任务 多页面Javaweb
03-18
项目设计了多个静态网页，展示了完整的多页面JavaWeb应用的前端部分。以下将详细介绍其中涉及的主要知识点： 1. HTML基础：HTML（HyperText Markup Language）是构建网页的基础，用于定义网页的结构。在这个项目中...
Javaweb 登录页面自动跳转
05-07
在JavaWeb开发中，登录页面自动跳转是一个常见的功能需求，它涉及到用户认证、会话管理以及URL重定向等核心概念。以下是对这个主题的详细解释： 1. **用户认证**：用户认证是验证用户身份的过程，通常在登录页面...
web_javaweb前端模版_javascript_web前端模板_css_web登录_
09-30
这些页面的设计往往更加复杂，可能涉及到表格、图表、下拉菜单等多种交互元素，需要JavaScript来实现动态加载和操作，CSS来确保界面清晰、整洁。 总结来说，这个资源包提供了一个集成了登录功能和管理页面的Javaweb...
JavaWeb前端到后台常用框架介绍共10页.pdf.zi
10-30
【标题】"JavaWeb前端到后台常用框架介绍共10页.pdf" 提供了一个关键信息，即这份资料主要探讨的是JavaWeb开发过程中，从用户界面到服务器端所使用的常见框架。在JavaWeb开发中，框架起到了提高开发效率、规范代码...
javaweb新浪微博邮箱登录界面，图书周排行榜界面，正则表达式验证用户注册页面前端代码资源包
09-28
在本资源包中，我们关注的是JavaWeb应用中的前端界面设计，特别是登录界面、图书周排行榜界面以及用户注册页面的实现。这些元素是构建交互性强、用户体验良好的Web应用的关键部分。我们将深入探讨每个方面，同时引入...
a标签阻止链接跳转（href=‘javascript:；‘）
Dontla的博客
04-15 607
<a href='javascript:;'>删除</a>
html中href设置不跳转
qq_16853655的博客
01-10 1178
html中，<a href="xxx"></a>是一个超链接的标记，但是有时候不想要这个超链接，但删除后，会影响样式的时候，可以采取以下三种方式，来设置： href="" 此方法中，url路径不变，但是仍会刷新跳转回当前页面 href="#" 此方法，url路径中会自动添加“#”，但不跳转，会直接返回到页面顶部，类似返回顶部按钮 href=“javascript...
修改前端页面问题
jieyigeweixiao的博客
08-28 1572
需求：a 页面 中点击 a标签跳转 b 页面。 动态显示b 页面中的数据 （b页面路径 在 static 文件下面） 1： 在跳转到b页面的时候，同时加载 页面，发送ajax 请求到后台，在发起 请求的时候url 路径 发生错误， http://localhost:8080/static/xxxx/xxxxx路径多了 static 这个层级， 后面 通过 window.location.href...
JavaWeb_HTML（6）_HTML 超链接的使用
魏宇轩
03-09 1690
HTML 中超链接的使用 超链接标签：a 属性： href：提示我们链接的地址 target：打开方式 _blank 在一个新的页面打开 注意： 如果做超链接操作的时候，你没有告诉 href 这个属性你采用的是什么类型的协议：默认采用的是文件解析协议，也就是在本地找。所以你想使用网址的时候，请自己加上 http 协议。 锚链接 定义一个锚点。然后在和超链接结合使用。还是使用a标签定义锚点。 ...
JavaWeb页面跳转中的绝对路径跳转与相对路径跳转
illikang的博客
09-13 6215
不管在什么位置，绝对路径跳转和相对路径跳转都遵循了相同的规则。但是很多初学Servlet的朋友，在Servlet中跳转页面时经常出现404的问题，就会常常怀疑是不是路径跳转的规则变了。其实路径的规则始终没变，问题主要是由web.xml中的虚拟路径引起的。接下来详细分析下： case1:普通页面中的跳转 假设当前页面的路径为：http://localhost:8080/projectname/i...
html按钮跳转_web实现一个按钮从前端到后端的简单流程
weixin_39860849的博客
12-01 2067
简单来说流程就是首先设计好html呈现给客户，上面有很多按钮对应不同的功能，首先我们为按钮写一个js方法用来封装数据或者改变呈现等等，这里跳转方式一般可采用在html里加入οnclick=“XXX()”，使点击按钮后跳到对应的js方法xxx()里封装或操作数据或者做些其他的，然后在js方法里可以使用锚(#)等功能跳转到其他的html或者通过$.ajax里的url传到对应的后端java方法里，然后j...
监听文本框内容改变
深山
08-28 3462
作为一个跨平台的编程解决方案，Java显然不能像Delphi那样，在用户界面设计方面提供强大、直观和快捷的设计支持。比如对于文本框的控制，当我们 要在程序中感知用户是否修改了文本框中的内容时，Delphi提供了一个直接的事件调用OnValueChanged()，可以在文本框内容得到实际的改 动时被激活。而要在Java中实现这一功能就似乎麻烦了一点，直接的调用只有keyPressed()和keyTy
使用javaweb写一个注册前端与后端代码，需要连接数据库，注册成功自动跳转登录页面。
最新发布
06-13
好的，下面是一个简单的JavaWeb注册页面的前端代码： ```html <!DOCTYPE html> <html> <head> <title>注册页面</title> </head> <body> <h1>注册页面</h1> <form method="post" action="register"> <label>用户名:</label> <input type="text" name="username" required><br> <label>密码:</label> <input type="password" name="password" required><br> <label>确认密码:</label> <input type="password" name="confirmPassword" required><br> <button type="submit">注册</button> </form> </body> </html> ``` 接下来是JavaWeb注册页面的后端代码，使用Java Servlet实现： ```java import java.io.IOException; import java.io.PrintWriter; import java.sql.Connection; import java.sql.DriverManager; import java.sql.PreparedStatement; import java.sql.SQLException; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; @WebServlet("/register") public class RegisterServlet extends HttpServlet { private static final long serialVersionUID = 1L; private static final String JDBC_DRIVER = "com.mysql.jdbc.Driver"; private static final String DB_URL = "jdbc:mysql://localhost:3306/test"; private static final String USER = "root"; private static final String PASSWORD = "root"; public RegisterServlet() { super(); } protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String username = request.getParameter("username"); String password = request.getParameter("password"); String confirmPassword = request.getParameter("confirmPassword"); if(password.equals(confirmPassword)) { Connection conn = null; PreparedStatement stmt = null; try { Class.forName(JDBC_DRIVER); conn = DriverManager.getConnection(DB_URL, USER, PASSWORD); String sql = "INSERT INTO user (username, password) VALUES (?, ?)"; stmt = conn.prepareStatement(sql); stmt.setString(1, username); stmt.setString(2, password); stmt.executeUpdate(); response.sendRedirect("login.html"); } catch (ClassNotFoundException | SQLException e) { e.printStackTrace(); } finally { try { if(stmt != null) stmt.close(); if(conn != null) conn.close(); } catch (SQLException e) { e.printStackTrace(); } } } else { response.setContentType("text/html;charset=UTF-8"); PrintWriter out = response.getWriter(); out.println("<script>alert('两次密码不一致！');</script>"); out.println("<script>history.back();</script>"); } } } ``` 这段代码中，我们首先获取前端传来的用户名、密码和确认密码，然后判断两次输入的密码是否一致。如果一致，就连接数据库，将用户信息插入到数据库中，并且跳转到登录页面；如果不一致，就返回一个提示框，提示用户两次输入的密码不一致。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值