我也要用
Html
Asurplus、
书山有路勤为径，学海无涯苦作舟！
-
原创 Ifram框架如何在登录过期后跳出Ifram框架
1、文章背景我们在做后台项目管理时，常用 Ifram 框架来加载页面，即：<iframe src="url"></iframe>我们使用 iframe 标签来加载页面，该 src 可以指向不同的页面，从而我们可以在一个网页中打开更多的页面，但是我们也尽可能地需要控制同事打开的网页数，避免客户端消耗太大导致网页崩溃，如下：2、问题描述那上一步，我们已经了解了 Ifram 框架，整体大概分为：菜单栏，导航栏，和主体 Ifram 内容，那么当我们登录信息过期的时候，系统会进行2020-08-11 15:11:52
249
0
-
原创 HTML网页一键变黑白色调
有的网站可能需要用到全站黑白功能(一般常用于悼念日) ，我们需要了解 CSS 的 filter(滤镜) 属性1、简单使用html { filter: grayscale(100%);}2、兼容性使用html { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filt...2020-04-08 19:42:23
505
3
-
原创 让你在JavaScript中优雅地判空
当我们在JS中需要判断一个变量是否为空时，你是否还在写 if(null != a && '' != a && undefined != typeof(a)) 这样臃肿的代码？2020-03-02 16:15:37
408
0
-
原创 【第三方互联】六、分享至微信（WeChat）
思路：将需要分享的链接生成二维码，展示给用户，用户使用手机微信扫一扫，可以分享至朋友，朋友圈1、下载 jquery.qrcode.min.js 文件，我已放置百度网盘，请自行加载链接：https://pan.baidu.com/s/1xpQSIT7YMZrGYi2TPRWVTA 提取码：gfp02、在页面放置微信分享按钮<button onclick="shareTo...2020-02-26 09:53:48
387
3
-
原创 JavaScript中获取JSON文件中的数据
1、使用 Ajax 方式获取$.get("json/test.json", function(data) { console.log(data.total);});另一种方式：$.ajax({ type: "get", url: "json/test.json", dataType: "json", async: false, s...2020-02-25 09:43:58
276
0
-
原创 【第三方互联】五、网页添加QQ好友及QQ群组
一、添加QQ好友<a target="_blank" href="tencent://message/?uin=932735936">添加好友</a>二、添加QQ群1、找到官网：https://qun.qq.com/2、左上方找到“加群组件”3、在此界面创建加群代码即可例如：<a target="_blank" href="//sha...2020-02-25 09:36:42
489
4
-
原创 localStorage的使用技巧
一、关于 localStorage1、localStorage是HTML5中新加入的特性，主要作为本地存储来使用，解决了cookie存储空间不足的问题，大约有5M左右，cookie只有4K2、 localStorage是针对于前端页面的数据库，相比于cookie可以节约带宽， 高版本的浏览器中才支持的 3、目前所有的浏览器中都会把localStorage的值类型限定为string类型...2020-02-24 11:00:24
210
0
-
原创 Viewer，一款好用的图片预览插件
在项目中，需要点击查看图片，本次我用了 viewer 这款插件本次用到的 css，js 文件已经上传至百度网盘：链接：https://pan.baidu.com/s/1N5cvkk0mHV-8gDk240oByA 提取码：l6kw1、引入 css 和 js 文件<!-- 图片查看器 css --><link rel="stylesheet" href="&l...2020-01-08 16:14:03
224
0
-
原创 HTML中使用Lodop打印
我们在项目中，会需要用到连接打印机进行打印订单数据信息等，本次我使用的是 Lodop 进行打印我们会用到 Lodop 的依赖文件1、安装软件CLodop_Setup_for_Win32NT.exe2、32版本的运行文件install_lodop32.exe3、64版本的运行文件install_lodop64.exe4、JS文件LodopFuncs.js以上文件已经放在百度网...2020-01-08 15:58:00
738
20
-
原创 JavaScript中操作后端用ModelAndView返回的List数据
在JavaWeb项目中，我们经常使用ModelAndView装入请求页面的地址和传入页面的数据，我们在HTML中可以用JSTL来操作装入在ModelAndView中的List数据例如我们在渲染select的option选项时：1、在后端我们将list数据装入ModelAndView中：ModelAndView mav = new ModelAndView("/store/list")...2019-12-18 20:54:47
615
1
-
原创 如何在Html页面点击按钮提交数据后防止回车被重复提交
前言：今天收到客户的一个奇怪BUG描述，事件描述大概如下：客户在填完本页面的数据之后，点击顶部的“保存”按钮，弹出操作成功的提示框问题：这时，点击“确定”，即可关闭此Tab，回到主页面，可是客户不是用鼠标点击的“确定”按钮，而是按下了回车，这时，页面闪了以下，又弹出了操作成功的提示框，即页面数据保存了两次，查看数据库，数据确实被保存了两次听到客户的描述，我赶紧测试了以下，果然，也保存...2019-08-16 22:00:04
291
0
-
原创 HTTP状态代码一览表
HTTP状态码（英语：HTTP Status Code）是用以表示网页服务器超文本传输协议响应状态的3位数字代码。所有状态码的第一个数字代表了响应的五种状态之一。第一位状态代码状态说明1xxx（临时响应）100继续服务器已收到了请求的第一部分，现正在等待接受其余部分101切换协议请求者已要求服务器切换协议，服务器确认并准备进行切换2xx（成功）...2019-08-11 23:09:40
200
0
-
原创 Ajax请求如何避免缓存问题
一、为什么会有缓存问题1、当Ajax第一次发送请求后，会把请求的URL和返回的响应结果保存在缓存内，当下一次调用Ajax发送相同的请求时（URL完全相同，参数完全相同），浏览器就不会与服务器交互，而是直接从缓存中把数据取出来，这是为了提高页面的响应速度和用户体验，（服务端也会收到请求响应304）。2、浏览器会自作主张的把所有异步请求来的文件缓存，当下一次请求的URL和之前的一样，那么浏览器...2019-08-11 22:19:36
236
0
-
原创 JavaScript中监听鼠标滚轮事件
使用jQuery监听鼠标滚轮事件：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>监听鼠标滚轮事件</title> </head> <body> <script type="text/javascr...2019-08-11 21:55:21
301
0
-
原创 JS中禁用浏览器CTRL+S默认事件
大多数主流浏览器都对CTRL+S事件做了限制，当我们按下CTRL+S后，会弹出保存当前页面文件的提示框。一般我们在项目中根据实际业务需求和客户实际操作需求，会想要使用CTRL+S保存表单的情况，那么这时候我们需要在JS中禁用浏览器的CTRL+S事件，具体怎么做呢？看下面代码：<!DOCTYPE html><html> <head> <met...2019-08-05 14:21:58
2396
0