html案例
html案例,Demo
王家五哥
这个作者很懒,什么都没留下…
展开
-
js 浏览器检测,当前使用浏览器检测
js 浏览器检测,当前使用浏览器检测。原创 2023-01-06 17:44:50 · 449 阅读 · 0 评论 -
js 数字转中文大写金额
js 小写转大写金额。原创 2023-01-06 17:42:27 · 383 阅读 · 2 评论 -
js 计算两个日期相差天数
js 计算两个日期相差天数。原创 2023-01-06 17:39:01 · 190 阅读 · 0 评论 -
js 数字转换千分位
千分位:就是外国人看的那种,每3位一个逗号。原创 2023-01-06 17:23:17 · 252 阅读 · 0 评论 -
js 生成条形码
【代码】js 生成条形码。原创 2023-01-05 17:36:41 · 3346 阅读 · 1 评论 -
js 判断日期间隔不超过多少天
js 判断日期间隔不超过多少天,很多时候用户要通过时间范围查询或导出数据,全量的话数据多会拖慢系统速度,影响他人使用,这里通过时间范围判断。原创 2023-01-05 17:24:49 · 1520 阅读 · 0 评论 -
css :before :after 选择器
after :向选定的元素“后”插入内容。:before :向选定的元素“前”插入内容。向选定的元素 “前/后” 插入内容。原创 2022-12-29 16:37:42 · 128 阅读 · 0 评论 -
iframe 内联加载
iframe 内联加载 ,通过iframe特性,加载网页到当前网页中。原创 2022-12-16 16:43:41 · 710 阅读 · 0 评论 -
js组装网页数据
很多时候获取后台数据需要拼接到网页上,这里提取一段公用代码,方便后面需要时使用。原创 2022-12-16 16:12:45 · 112 阅读 · 0 评论 -
js动态生成二维码
js利用qrcode动态生成二维码。原创 2022-12-16 16:02:08 · 1217 阅读 · 0 评论 -
js时间格式化
通过js将Java时间戳,转换成日期格式。原创 2022-12-16 15:37:01 · 140 阅读 · 0 评论 -
localStorage本地存储通用方法
【代码】localStorage本地存储通用方法。原创 2022-12-08 18:24:50 · 291 阅读 · 0 评论 -
网页变灰方法
网页变灰方法原创 2022-12-05 17:26:04 · 82 阅读 · 0 评论 -
正则表达式:密码中至少包含大写字母、小写字母、数字、特殊字符等字符中的2种或3种
经过同事提醒,换一种新的实现思路,按照正常理解要写一个很复杂的正则,无奈水平有限,遂采用“正则表达式:密码中至少包含大写字母、小写字母、数字、特殊字符等字符中的2种或3种。原创 2022-10-27 13:32:01 · 1869 阅读 · 0 评论 -
ajax上传文件formData
【代码】ajax上传文件formData。原创 2022-09-19 09:33:19 · 557 阅读 · 0 评论 -
网页游戏引擎
网页游戏引擎-半成品示例代码:原创 2022-07-03 17:13:24 · 804 阅读 · 0 评论 -
html滚动字幕
示例代码: 展示效果原创 2022-06-14 15:12:47 · 2593 阅读 · 0 评论 -
echarts组合图 柱图+饼图
效果:代码示例:option = { tooltip: { trigger: 'axis' }, toolbox: { show: true, feature: { mark: { show: true }, dataView: { show: true, .原创 2022-05-25 14:37:05 · 1182 阅读 · 0 评论 -
html首行缩进
示例效果:示例代码:<div style="text-indent: 30px;"> 在本合同有效期内,甲方委托乙方代理如下事项</div><div> 在本合同有效期内,甲方委托乙方代理如下事项</div>原创 2022-05-10 14:19:19 · 369 阅读 · 0 评论 -
html给文字添加下划线
效果展示:示例代码:<span style="display: inline-block;border-bottom: 1px solid #000;padding: 0 20px;">123132</span>原创 2022-05-10 13:57:33 · 5490 阅读 · 0 评论 -
js 适配手机端屏幕字体大小
通过js控制页面大小,字体大小function setRootFontSize() { var width = document.documentElement.clientWidth,fontSize; if(width > 750) { width = 750; } fontSize = (width / 750) * 100; document.getElementsByTagName("html")[0].style["font-size"] = fontSize + ".原创 2021-10-26 13:57:44 · 601 阅读 · 0 评论 -
修改html字体大小
代码示例:将字体大小设置为50pxdocument.documentElement.style.fontSize = '50px';原创 2021-10-18 16:32:52 · 609 阅读 · 0 评论 -
jquery计算表格列,求和
jquery计算表格列,求和有时候,需要统计网页上数据总数,系统没有提供该功能,需要手动计算,于是设计了这段代码核心代码:$(function() { var totalRow = 0; $('#overTimes tr').each(function() { $(this).find('td:eq(1)').each(function() { totalRow += parseFloat($(this).text()); }); }); console.log('计算共原创 2021-09-22 13:18:16 · 1728 阅读 · 0 评论 -
js 监听键盘按键
效果:上上下下左左右右,前前后后document.addEventListener('keydown', function(e) { console.log("----->当前按键keyCode:" + e.keyCode); switch (e.keyCode) { case 37: console.log("左"); break; case 38: console.log("上"); break; case 39: console.log("原创 2021-07-07 10:43:02 · 883 阅读 · 0 评论 -
发送Request Payload数据演示
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>发送Request Payload数据演示</title> </head> <body> <div id=""> 前端开发中要想实现与后端的交互那就少不了要向后端提交数据或请求数据, 这时传参的方式主要有两种:且这两种方式主要是通过改变请求头的Co...原创 2021-07-01 15:48:07 · 1102 阅读 · 0 评论 -
移动端字体适配
效果:当页面大小被改动时字体大小自适应(如页面最大化,最小化等)// 移动端适配function setRootFontSize() { var width = document.documentElement.clientWidth,fontSize; if (width > 750) { width = 750; } fontSize = (width / 750) * 100; document.getElementsByTagName("html")[0].style["原创 2021-07-01 14:51:19 · 576 阅读 · 0 评论 -
form表单自动填充
json示例:{\"head\":{\"errorCode\":\"0000\",\"errorMsg\":\"请求成功\"},\"body\":\"{\\\"code\\\":\\\"0\\\",\\\"message\\\":\\\"插入成功!\\\"}\"}原创 2021-06-16 13:15:17 · 1601 阅读 · 1 评论 -
window.open html打开一个新页面
<html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <script> function open_win() { window.open("http://www.baidu.com","呵呵"); } </script> </head> <body> <pre&g.原创 2020-05-18 22:40:36 · 4047 阅读 · 0 评论 -
模拟浏览器文件下载
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #dwurl { width: 40%; height: 150px; ...原创 2020-05-16 23:07:08 · 17797 阅读 · 0 评论 -
随机一段字符串,浏览器点击复制
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>一个随机串</title> <style type="text/css"> .input_css { width: 140px; } ...原创 2020-05-16 22:50:39 · 16339 阅读 · 0 评论 -
js获取浏览器当前时间
var nowDate=new Date().toISOString().substring(0,10)+" "+new Date().toLocaleTimeString().substring(2);alert("当前时间为:"+nowDate);原创 2018-03-05 16:44:48 · 15367 阅读 · 0 评论 -
获取当前页面的宽度和高度
jQuery:获取当前打开页面的宽度和高度:var windowheight = $(window).height() - 20;var windowwidth = $(window).width() - 20;if (windowheight > 600){ windowheight = 600;}if (windowwidth > 1100){ windowwidth = 1100;} ...原创 2020-05-18 22:31:13 · 27288 阅读 · 0 评论 -
marquee 滚动字幕
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div > <h3 class="aside-title">汪国真--《热爱生命》</h3> ...原创 2020-05-16 22:56:12 · 23733 阅读 · 0 评论 -
breakContinue标签使用
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <p&am原创 2018-11-21 22:12:50 · 14829 阅读 · 0 评论 -
js代码异常捕获
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <in原创 2018-11-21 22:04:34 · 15359 阅读 · 0 评论 -
js 键盘事件
键盘事件:简单点就是检测用户在键盘上按了什么键<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> .原创 2020-07-27 21:04:18 · 40690 阅读 · 0 评论 -
jQuery下拉框元素操作
对select下拉中元素的操作:增、删、清空<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/2.2.0/jquery.js" type="text/javascript" charset="utf-8">&l原创 2020-05-20 22:29:24 · 24338 阅读 · 0 评论 -
模拟网页打印
//查看js: function view(){ var row = dg.datagrid('getSelected'); if(rowIsNull(row)) return; window.open(ctx+'/sekb/msds/view/'+row.id, "化学安全技术说明书"); }controller @RequestMapping(value = "view/{id}", m...原创 2018-03-05 16:29:05 · 211 阅读 · 0 评论 -
模拟打字机,文字逐个出现
效果图:上代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <hr /> <pre id="showMsg"></pre> &原创 2020-05-20 21:27:45 · 15044 阅读 · 0 评论 -
HTML5代码基础结构
HTML5代码基础结构,开始创作的起点<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body></html>原创 2020-05-19 00:14:10 · 618 阅读 · 0 评论