前端HTML
前端jQuery css JavaScript等,前后端交互
smx6666668
这个作者很懒,什么都没留下…
展开
-
jQuery ajax异步刷新当前页面的某个区域(载入其他页面),并且需要获取表单提交值
应用于,实时匹配答案,后台需要获取表单内容,并且刷新区域较大,直接在该区域加载另一个jsp或html页面时,并且不改变当前页面其他输入框内容简单框架主页面(jsp局部)<input type="text" id="test1" name="test1" class="inputclass" placeholder=""><input type="text" id="test2" name="test2" class="inputclass" placeholder=""&g原创 2022-04-15 21:17:16 · 1060 阅读 · 0 评论 -
笔记:在JavaScript中使用window.location.href时的传参问题
在JavaScript中使用window.location.href提交表单时,必须要传参,否则servlet是无法根据request.getParameter("");来取值的可以通过$("#test").val();来获取标签值并传参HTML<input id="test" name="test"><button id="search">异步提交</button>JavaScript<script src="js/jquery.min.原创 2022-04-15 20:23:02 · 5512 阅读 · 0 评论 -
HTML当前标签鼠标停留下划线和变色效果
CSS <style type="text/css"> #test li a:hover{ border-bottom: 1px solid #6bc30d;/*background-color:#6bc30d; 背景变色*/ color:#6bc30d; } </style>HTML<ul id="test"> <li> <a href="">其他:</a> <原创 2022-04-12 11:16:05 · 3537 阅读 · 0 评论 -
当页面地址栏为servlet时,此页面jquery的post无法执行的问题
当当前页面为servlet的请求转发页面时,也即地址栏末尾为servlet名称时,当前页面的jquery的post无法执行先执行servlet代码public class test extends HttpServlet { protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { request.get原创 2022-04-11 22:49:19 · 747 阅读 · 0 评论 -
超级简单的HTML圆形头像css
效果CSS .yuanxing{ width:96px; height:96px; margin: 5px 5px 5px 0; position: absolute; border-radius: 50px; }HTML<img class="touxiang" src="图片地址" alt="用户头像"></td>原创 2022-04-09 11:25:52 · 2724 阅读 · 0 评论 -
jQuery方式ajax post异步提交json类型数据到后台servlet(前台不刷新)
用途:点赞功能等需要异步提交的地方,不刷新当前页面HTML<div><span id="test" >测试</span><input id="num1" value="123456"></div>JavaScript(jQuery方式ajax post)同时也可获取当前页面其他标签的值放入json,不需要获取后台返回结果<script src="js/jquery.min.js"></script>原创 2022-04-05 22:07:44 · 1580 阅读 · 0 评论 -
HTML jQuery实现点赞功能(模仿CSDN的样式)
效果:css代码: #dianzan { width: 55px; height: 22px; display: flex; flex-direction: row; justify-content: space-between; margin: 0 10px; border-radius: 6px; user-select: none; c.原创 2022-04-05 18:06:36 · 3528 阅读 · 1 评论 -
Ajax实现点击导航栏只切换页面内容,导航栏不变
<ul class="Menu"> <li class="current" data-id="111">导航1<span></span></li><li data-id="222">导航2<span></span></li> <li data-id="333"&g...原创 2022-03-28 22:59:43 · 2880 阅读 · 0 评论 -
使用jQuery控制网页<a>标签的跳转
有时候会需要在同一个<a>标签根据某些条件跳转到不同的界面例如 不同用户身份操作不同界面时,老师和学生在同一个界面点击同一个链接跳转到不同的界面。点击<a>标签链接后在jQuery中进行判断后在跳转。四种方式:<a id="aLink">方式1</a><a href="javascript:jump()">方式2</a><a onclick="jump()">方式3</a><a hr原创 2022-03-28 22:11:47 · 3163 阅读 · 0 评论 -
web网站上设置他人联系作者方式(QQ对话框和发送邮件)
在自己做的网站上最底端添加别人联系自己的几种方式效果图点击后即可发起在线对话或发送邮件一、点击QQ图标发起QQ在线对话1.打开QQ商家网址 http://shang.qq.com/ 2.登录自己的QQ找到推广工具即可选择,将该代码复制到自己的网页即可<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2496418486&site=qq&menu=ye...原创 2022-03-26 20:45:02 · 1397 阅读 · 0 评论 -
CSS实现导航栏半透明背景效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>背景半透明例子</title> <style> body { background-color: deeppink; } div { width: 200px; .原创 2022-03-25 18:11:27 · 3145 阅读 · 1 评论