HTML
万德佛
个人笔记与经验!!仅供参考
展开
-
原生JavaScript,根据后端返回扁平JSON动态【动态列头、动态数据】生成表格数据
JS动态生成表格原创 2024-03-08 14:28:43 · 1038 阅读 · 0 评论 -
点击某个标签 跳到指定 ID 内容DIV块
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>触发点击事件跳到指定ID内容块</title> <style type="text/css"> .block01,.block02,.block03{ display: flex; justify-content: center; align-items: cen原创 2022-04-18 19:54:12 · 551 阅读 · 0 评论 -
Echars控制图例全选全不选-简单案例
以下仅供参考~效果图:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>ECharts</title> <!-- 引入 echarts.js --> <script src="https://cdn.bootcss.com/jquery/3.1.1/jquery.js"></script> <sc原创 2022-02-25 15:56:35 · 852 阅读 · 0 评论 -
JavaScript 间隔5s 依次打印数组中的值,无限循环执行
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>间隔打印</title> </head> <body> 定时遍历数组值,间隔打印 [1, 2, 3, 4, 5, 6, 7, 8, 9, 10] <div id="text"></div> </body> <script typ原创 2021-12-25 18:36:34 · 1214 阅读 · 0 评论 -
HTML内容无缝连接滚动效果
以下仅供参考~<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <!-- 父容器 --> <div id="marqueeA" style="width: 500px;height: 100px;overflow: scroll;"> <原创 2021-08-23 20:41:58 · 687 阅读 · 0 评论 -
日期往前推N天
注意事项: 请记得引入jquery脚本文件<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>日期往前推N天</title> </head> <body> <div id="show"> </div> </body> <script src="js/jquery-.原创 2021-01-06 16:50:27 · 548 阅读 · 0 评论 -
大数据页面可以使用的边框效果
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> body { background: #101129; } h1 { color: #08ACEE; } .box1>div { display: inline-.原创 2020-10-22 19:32:13 · 2137 阅读 · 9 评论 -
表格 tbody 上加滚动条
bootstrap.mim.css/*! * Bootstrap v3.3.0 (http://getbootstrap.com) * Copyright 2011-2014 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) *//*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{fon原创 2020-05-16 14:14:53 · 612 阅读 · 0 评论 -
dataTable替换语言
//替换文本语言 $.extend( true, $.fn.dataTable.defaults, { bAutoWidth: false,//是否自动宽度 language: { "sProcessing": "In processing...", "sLengthMenu": "Page _MENU_ Record"...原创 2020-03-26 09:32:22 · 278 阅读 · 0 评论 -
H+后台UI框架,单击按钮创建新选项卡
点击视图创建新的选项卡并显示页面js调用:// H+后台UI框架,单击按钮创建新选项卡// 打开自定义新选项卡:<a href="#" οnclick="openTabPage('url', '自定义标题')">test</a>// 打开系统选项卡:<a href="#" οnclick="openTabPage('url')">查看提现记...转载 2020-03-28 14:24:45 · 484 阅读 · 0 评论 -
(新手笔记分享)Spring MVC根据查询生成Excel(导出数据+图片)以流的方式返回给前端下载- 摘取片段,仅供参考
查询的效果图查看的表格效果图导出表格的Excel效果图控制层:@ResponseBody @RequestMapping(value = "excleDownload") public void excleDownload(HttpServletRequest request, HttpServletResponse response,Integer id) t...原创 2020-03-19 15:32:39 · 612 阅读 · 0 评论 -
(新手笔记分享)Spring MVC根据查询生成Excel(纯导出数据 及 导出数据+图片) 返回地址给前端下载- 摘取片段,仅供参考
图片:控制层: @ResponseBody @RequestMapping(value = "queryInfoBydateAndvillageName") public Map<String, Object> queryInfoBydateAndvillageName(HttpServletRequest request, String sDate,...原创 2020-03-13 10:05:14 · 383 阅读 · 0 评论 -
获取表格内所有内容,包括input输入框的内容
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html> <head> <title>new document</title> <meta name="generator" content="editplus"> <meta...原创 2020-01-04 14:31:35 · 1230 阅读 · 0 评论 -
简单的单元格样式
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>表格</title> <style> * { margin: 0; padding: 0; } .sheet { font-size: ...原创 2019-12-20 11:13:14 · 148 阅读 · 0 评论 -
HTML弹性布局
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> /* 父元素 */ .father{ border: 1px solid green; display: flex;/...原创 2019-12-17 11:29:08 · 522 阅读 · 0 评论 -
(PC端)事件对象 - 触摸、长按、滑动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Com...原创 2019-12-17 11:17:12 · 1334 阅读 · 1 评论 -
canvas和JavaScript绘制图像
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <canvas id="canvas" w转载 2018-12-18 10:54:13 · 458 阅读 · 0 评论 -
分别获取在同一页面下两个动态生成的table的单选框值和textarea 文本框值
<tr> <td colspan="6"> <table class="table table-striped table-bordered table-hover" id="contenttable"> <thead align="center" style="font-weight: bold;&quo原创 2018-10-19 15:45:42 · 300 阅读 · 0 评论