html
关注
分享
扫一扫
文章平均质量分 70
ztnhnr
这个作者很懒，什么都没留下…
展开
-
html页面使用jQuery和js使用reset()重置表单
因为业务原因，在html页面中动态生成了多个表单。需要动态的通过jQuery或js方法来重置表单元素的值。通过搜索发现，jQuery中是没有reset()方法来实现重置功能的，不过可以通过调用 DOM 中的reset方法来重置表单。一、重置表单的方法1.1 jQuery间接实现：$('#表单ID')[0].reset();1.2 通过DOM方法实现：document.getElementById("表单ID").reset(); ...原创 2021-01-24 13:31:49 · 2075 阅读 · 0 评论 -
JS获取鼠标点击时图片的相对坐标位置并添加自定义内容
因功能需要在图片上点击时，添加自定义的内容。本来想用图片的热区useMap实现，但发现useMap只支持href跳转属性，不能添加自定义的内容。最后通过网上搜索方案，找到如下解决方法。 在点击图片时，通过鼠标点击位置计算点击的坐标，然后在点击的位置添加自定义内容。示例代码如下：<!DOCTYPEhtml><htmllang="en"><head><basetarget="_self"><m...原创 2020-11-30 14:41:09 · 4794 阅读 · 0 评论 -
css利用border-radius圆角来设置背景为圆角
本文介绍如何使用 CSS 设置背景（或背景图片）为圆角。 实现的原理是创建一个div，然后设置div的边框属性border-radius为50%，既可以实现。示例、创建圆角div：<!DOCTYPEhtml><htmllang="en"><head><basetarget="_self"><metahttp-equiv="Content-Type"content="text/html;...原创 2020-11-24 14:01:17 · 5925 阅读 · 0 评论 -
js 常用日期字符串和日期转换
在前端开发时，我们经常需要在 javascript 中对日期进行格式化，将其转换成固定格式的字符串；或者将指定格式的日期字符串，转换为日期进行处理。本文简单记录将日期格式(yyyy-MM-dd hh:mm:ss)和日期对象进行互相转换。一、将日期对象Date转换为格式字符串代码如下：functionformat(date,fmt){varo={"M+":date.getMonth()+1,//月份"d+"...原创 2020-11-06 14:28:34 · 5277 阅读 · 1 评论 -
Javascript eval()函数
今天在写PHP代码时，需要将服务端返回的对象JSON字符串在页面中转换为对象。刚开始使用的 JSON.parse() 方法，不过中间因为有个属性值中包含“\t”转义空白，导致方法出错。因为返回的字符串长度太大，刚开始怀疑是字符参数长度超出的问题，网络搜索折腾了一圈都没有解决问题。在这个过程中，看到js的 eval 函数也可以计算一个字符串，尝试这个方法后没有报错且返回了对象。虽然最后查到了出错原因，但之前没有太多关注eval函数，本文就此函数的使用简单介绍，以备后续使用。函数定义...原创 2020-08-11 13:53:53 · 372 阅读 · 0 评论 -
Javascript处理JSON方法JSON.parse()和JSON.stringify()
JSON 是用于存储和传输数据的格式，它通常用于服务端向网页传递数据 。而在前端页面js处理中，经常会将字符串和对象进行互相转换，js提供了一个JSON对象来处理这种转换。JSON对象包含两个方法：用于解析 JSON 的 parse() 方法，以及将对象/值转换为 JSON字符串的 stringify() 方法。除了这两个方法, JSON这个对象本身并没有其他作用，也不能被调用或者作为构造函数调用。 本文简单介绍JSON对象两个方法的使用。 1. JSON.parse() ...原创 2020-08-09 14:35:26 · 7452 阅读 · 2 评论 -
layui的loading加载层添加自定义文本
前端开发，使用的是layui框架。异步装载数据时，使用layui的loading加载层展示装载效果。而layui默认的loading加载层常用的是切换图标，如下：<script>layui.use(['layer'],function(){layer=layui.layer;//loadinglayer.load(2,{time:2000}...原创 2020-08-05 13:56:54 · 1884 阅读 · 0 评论 -
Javascript生成随机(字符串)颜色值
本文介绍在JS中生成十六进制随机颜色的方法。 1. 使用 Math.random() 生成随机数 Math.random();//结果值(随机):0.92926726819842532. 使用 Number 对象的toString(n) 方法，将数字转换为十六进制字符串Math.random().toString(16);//转换为十六进制(随机):0.ede475ae27ceb3.使用 substr() 截取去除前面的“0”和“.”，并...原创 2020-08-04 13:48:03 · 1182 阅读 · 0 评论 -
纯CSS实现带小三角提示框
要实现在页面上点击指定元素时，弹出一个信息提示框。在前面的文章中，我们已经简单介绍了如何使用纯 CSS 创建一个三角形。本文在此基础上，记录如何使用 CSS 创建带三角形的提示框。 实现的原理是创建一个div提示框，然后再创建一个三角形，将三角形用绝对定位（absolute）到提示框对应的位置。一、创建不带边框的提示框： 之前已介绍过怎么生成三角形，直接代码如下：<style>body{margin:0;...原创 2020-08-03 14:04:42 · 4657 阅读 · 0 评论 -
CSS中元素的边框border的应用(制作梯形和三角形)
要实现在页面上点击指定元素时，弹出一个信息提示框。因为本人对 CSS 的应用不太熟练，网上搜了一些实现的方式。在使用时，发现提示框的创建用到三角形的生成。本文记录如何使用 CSS 创建梯形和三角形。 实现的原理是设置元素的边框 border 属性创建梯形和三角形。在生成三角形之前，我们可以看下面的2个例子。生成梯形例子： 如果指定一个 div 的宽高相等，再单独设置每个边框的颜色和宽度（边框宽度相等），这时，我们可以发现div的四个方向上都是一个梯形，如下：...原创 2020-08-02 14:06:51 · 1964 阅读 · 0 评论 -
ECharts饼状图中使用点击事件来跳转到新的页面链接
项目上的一个功能使用了ECharts的统计饼状图表，展示各分组数据所占的比重。然后又提出了新的需求，在点击饼状图的各个部分时，需要跳转到对应的数据列表页面。之前都只是做统计功能，对ECharts的关注点也在统计功能上，还没有处理过相应的点击功能。仔细翻了遍ECharts的api文档，找到了事件处理的相关部分。可以参考“https://echarts.apache.org/zh/api.html#events”。在ECharts 中的事件有两种，一种是鼠标事件，在鼠标点击某个图形...原创 2020-07-30 14:10:38 · 10934 阅读 · 0 评论 -
jquery js处理select元素选择change事件
在html页面中，select元素是我们经常使用的标签元素。本文介绍如何使用原生 js 和 jquery 设置select的默认选中项，以及select的选择事件处理。准备工作：1. 代码：<form><label>城市：</label><selectid="city"name="city"><optionvalue="">请选择</option>...原创 2020-07-21 13:43:14 · 18843 阅读 · 0 评论 -
html input输入框或下拉框禁止显示历史记录
最近在使用layui的date日期组件时，每次选择日期时，都会出现下拉的历史记录。历史记录和日期选择控件叠加显示，体验非常不好。如下图： 搜索后发现html页面中，在输入 input 时会提示原来输入过的内容，还会出现下拉的历史记录。而layui的date使用的是input组件，禁止这种情况有如下两者解决方法。方法一：在不想使用缓存的input中添加 autocomplete="off"：<inputtype="text"name="date"...原创 2020-07-20 13:54:16 · 5851 阅读 · 0 评论