前端
lingle1
&愿一切静好&
展开
-
[Web前端]几种方式可以隐藏一个元素----标签隐藏
文章目录CSS display的值是none。type=”hidden”的表单元素。宽度和高度都显式设置为0。一个祖先元素是隐藏的,该元素是不会在页面上显示。CSS visibility的值是hidden。CSS opacity的指是0。转载 2020-05-31 08:52:30 · 2477 阅读 · 1 评论 -
前端input文本框不可编辑的3种方法(超实用)
文章目录1.disabled2.readonly3.readonly unselectable="on"1.disabled属性规定应该禁用 input 元素,被禁用的 input 元素,不可编辑,不可复制,不可选择,不能接收焦点,后台也不会接收到传值。设置后文字的颜色会变成灰色。disabled 属性无法与 一起使用。示例:2.readonly属性规定输入字段为只读可复制,但是,用户可以使用Tab键切换到该字段,可选择,可以接收焦点,还可以选中或拷贝其文本。后台会接收到传值. readonly转载 2020-05-31 08:01:09 · 4031 阅读 · 0 评论 -
JavaScript获取当前日期
文章目录在Javascript中,通过Date()方法可以获得当前日期,如下:Ø getFullYear() 获取当前年份(4位,从1970年开始);Ø getMonth() 获取当前月份(0-11,0代表1月);Ø getDate() 获取当前日(1-31);Ø getDay() 获取当前星期X(0-6,0代表星期日);首先 我们需要new一个date对象:var d = new Date();d.getFullYear(); //获取年 d.getMont转载 2020-05-27 22:32:36 · 7145 阅读 · 0 评论 -
JS代码格式化
文章目录JS代码格式化也就是规范化,保留必要的换行和缩进使代码阅读起来更容易。团队协同工作时会有相应的标准,大家要保证统一的代码风格,这样在合并代码的时候才不容易出问题。通过快捷键Ctrl+Shift+F进行格式化 Ctrl+Shift+F 格式化代码后总把一行拆成两行或者更多有点不适应,所以木桶厂家专卖按个人爱好更改他,这里介绍的是MyEclipse8.5的更改方式其他应该差不多Window→Preferences→Java→Code Style→ Formatter右侧可以直接Edit也可以N转载 2020-05-27 21:52:47 · 13687 阅读 · 0 评论 -
博客点击出现爱心的特效代码
文章目录(function(window,document,undefined){ var hearts = []; window.requestAnimationFrame = (function(){ return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame ||转载 2020-05-27 20:47:04 · 248 阅读 · 0 评论 -
js 弹出确认 取消对话框
文章目录js 弹出确认 取消对话框一种:<a href="javascript:if(confirm('确实要删除该内容吗?'))location='http://www.google.com'">弹出窗口</a>二种:<script language="JavaScript"> function delete_confirm(e) { if (event.srcElement.outerText == "删除")转载 2020-05-24 16:30:50 · 3525 阅读 · 0 评论 -
jsp实现分页
文章目录serverstation.jsp数据总数,后端方法,查询数据总条数//后端方法,查询这部分数据,mysql分页语句把这部分拆出来,就这点,没啥用serverstation.jsp<% IStationDao a = new StationDaoImpI(); int count = a.totalCount();//数据总数,后端方法,查询...原创 2020-04-23 19:17:10 · 236 阅读 · 0 评论 -
js控制jframe页面刷新
文章目录reload方法1.第一篇2.第二篇reload方法1.第一篇这是最简单的方法<script language="JavaScript"> window.location.reload(); </script> 接下来进行详细概述1,reload 方法,该方法强迫浏览器刷新当前页面。 语法:location.reload([bForceG...原创 2020-04-22 19:34:57 · 1485 阅读 · 0 评论 -
前端HTML,单击在table中某一行按钮,获得该行的数据
文章目录效果代码效果代码<!doctype html><html lang="en"> <head> <meta charset="UTF-8" /> <title> 页面名称 </title> </head> <body> <script type="text/jav...原创 2020-04-22 17:17:31 · 14177 阅读 · 14 评论 -
jquery ajax 向后台传多个数据,data写法
文章目录 $.ajax({ url:'xxx', type:'post', dataType:'json', data:{'email':email,'pwd':pwd,'key':key}, su...原创 2020-04-22 15:21:27 · 3396 阅读 · 0 评论 -
使用jquery方式实现ajax,前后端传递json格式数据,javaweb,jsp
文章目录1.前端(jsp文件)2.后端(servlet处理,对象单独定义一个实体类,多个属性)3.实体类直接上代码,更直观,记录,方便日后查看1.前端(jsp文件)<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html ...原创 2020-04-20 17:37:47 · 499 阅读 · 0 评论 -
前端表单省市级两级联动,,以及日期的年月日三级联动(不使用数据库)
文章目录效果代码(两个js,一个html)1.area.js2.data.js3. html文件注:写好的一个效果,把这部分拆出来了,记录,方便以后查询效果代码(两个js,一个html)1.area.js2.data.js3. html文件<!DOCTYPE html><html> <head> <meta charset="...原创 2020-04-21 18:17:53 · 550 阅读 · 0 评论 -
前端iframe 基本用法 记录
文章目录代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>iframe框架演示</title></head><body><div class="container"> ...原创 2020-04-21 17:52:23 · 195 阅读 · 0 评论 -
原生js实现ajax,javaweb,jsp
文章目录1.前端:(jsp文件)2.后端servlet处理直接上代码,更加直观这是一个例子:实现效果是前端文本框输入一段字符,后端判断是否相同,并在前端弹出对话框提示1.前端:(jsp文件)<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><...原创 2020-04-20 17:29:37 · 215 阅读 · 0 评论 -
前端,js实现input-file标签选择文件读取内容到textarea 文本区域中
文章目录效果代码效果代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></sc...原创 2020-04-19 09:16:42 · 2112 阅读 · 0 评论 -
获取input上传文件时js获取文件名
使用input标签的type=“file”,上传文件,获取上传文件的文件名和扩展名;<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #mybtn{ ...原创 2020-04-18 20:10:25 · 3002 阅读 · 1 评论 -
java拼接字符串在前端实现换行
文章目录问题描述解决办法pre标签扩展讲解问题描述后端用java,返回给前端一个长字符串,字符串中带有换行符怎么在前端显示时显示出换行效果解决办法返回前台页面时,把接收的字符串放入 标签中即可实现换行。pre标签扩展讲解pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。<pre> 标签的一个常见应用就是用...原创 2020-04-18 17:10:31 · 6739 阅读 · 1 评论 -
JS实现html页面点击下载文件
1…使用标签来完成<a href="/user/test/xxxx.txt" download="文件名.txt">点击下载</a>这样当用户打开浏览器点击链接的时候就会直接下载文件。直接点击可以下载,需要注意的是download属性,当不加download属性时,如果文件格式为txt、pdf、jpg等浏览器支持直接打开的文件格式,那么不会下载,而是浏览器直接打开;...原创 2020-02-11 15:19:10 · 1961 阅读 · 0 评论 -
前端table在网页居中显示
自己记录,方便以后查看css部分:对于table标签table{ margin: auto; }效果图:原创 2019-12-14 15:18:51 · 736 阅读 · 1 评论 -
前端form表单中文本对齐以及文本输入框对齐
自己记录,方便日后查看<!-- exp_15_1.html 实验15-1 --><!doctype html><html lang="en"> <head> <meta charset="UTF-8"><html> <head> <title> 表单处理事件 <...原创 2019-12-14 13:35:28 · 17731 阅读 · 0 评论 -
前端 头像右上角的数字标识(通常用作消息提示。。)
不是专业搞前端的,这是最简陋的直接标签解决。。以防自己忘记,做个记录1.sup标签:定义上标文本-------注:sub标签:定义下标文本截图:源码:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>用户界面</title><st...原创 2019-11-27 16:34:19 · 1595 阅读 · 0 评论 -
前端:头像可下拉出现一些选项
截图:源码:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>用户界面</title><style> .dropdown{ position: relative;; disp...原创 2019-11-27 16:16:38 · 3337 阅读 · 2 评论 -
头像在左,右边显示两行文字(用表格实现)
直接上代码:这里的图片本身是正方形,加了圆形头像效果<html><head> <style type="text/css"> .basicInfo-left{ width: 80px; height: 80px;}.basicInfo-left img{ width: 100%; height: 100%; border-radi...原创 2019-11-26 20:34:09 · 1004 阅读 · 0 评论 -
使用css实现一个圆形头像框效果
本文转载,记录下来方便以后查找原文链接:https://www.php.cn/css-tutorial-406575.html方法一直接设置img为圆形,这种情况下如果图片不是正方形,图片会被拉伸<img class="circleImg" src="../img/photo/img.jpg" />对应的css为:.circleImg{ border-radiu...转载 2019-11-06 16:30:20 · 4285 阅读 · 1 评论 -
JSP项目中,弹出对话框窗口的
类似,这一篇演示在前台弹出一个可操作的登陆窗口。https://blog.csdn.net/weixin_42245375/article/details/1025677971.前端使用javascript达到效果 <script type="text/javascript" language="javascript"> alert("您还没有登录,请登录..."); w...原创 2019-10-24 12:17:27 · 351 阅读 · 0 评论 -
html网页中返回上一页面,几种方法(js,标签……),随记
方法1:用a标签<a href="javascript:history.back(-1)">返回上一页</a>方法2:用a标签<a href="javascript:;" onClick="javascript:history.back(-1);">返回上一页</a>方法3:用按钮实现<input type="butt...原创 2019-10-19 12:33:13 · 19549 阅读 · 0 评论 -
HTML实体符号速查表
HTML字符实体整理,方便以后用时找目录1.特色的2.常用的3. 货币类4. 数字类5. 方向类6. 其他7. 参考文献:1.特色的© © © 版权标志 | | 竖线,常用作菜单或导航中的分隔符 · · · 圆点,有时被用来作为菜单分隔符 ↑ ...原创 2019-10-18 09:06:07 · 418 阅读 · 0 评论 -
前端html网页,点击按钮或超链接 弹出 一个登陆的div窗口或者对话框
1.点击链接弹出一个可操作的div窗口代码效果图展示:代码示例:<!DOCTYPE> <html> <head> <title>点击文字弹出一个DIV层窗口代码</title> <style> .black_overlay{ di...原创 2019-10-15 15:49:54 · 18220 阅读 · 5 评论