web前端技术
文章平均质量分 58
清风醉雨
莫忘少年凌云志,曾许天下第一流。
展开
-
用Chart.js画扇形图并显示标签
Chart.js 的最新版本可以在 https://github.com/chartjs/Chart.js/releases 下载,也可以使用 CDN https://cdnjs.com/libraries/Chart.js<!DOCTYPE html><html><head> <title>chart.js 扇形图</title> <script src="https://cdnjs.cloudflare.com/aj原创 2021-09-26 20:06:03 · 808 阅读 · 0 评论 -
HTML--a--download-属性
测试地址<a href="http://www.cuit.edu.cn/Images/logo.png" download="cuit_logo">下载图片</a>###定义和用法href 属性定义了下载链接的地址。download 属性定义了下载文件的名称,文件扩展名由浏览器自动检测添加。(1) 当 download 属性值不为空时,下载的文件的名字由 download 的属性值确定,扩展名分两种情况:① download 中指定后缀名<a href="150原创 2021-09-23 00:04:22 · 2619 阅读 · 0 评论 -
jQuery设置select的选中值
比如 <select id="testSelect"></select>设置 value 为 test 的项选中$("#testSelect").val("test");设置 text 为 test 的项选中$("#testSelect").find("option[text='test']").attr("selected", true);example 1<html><head> <script src="https原创 2021-09-19 11:52:01 · 8064 阅读 · 0 评论 -
JavaScript和jQuery如何判断select是否被选中并获取select选中的值
##JavaScript部分var mySelect = document.getElementById("testSelect"); //定位id(获取select)var index = mySelect.selectedIndex; //选中索引(选取select中option选中的第几个)var text = mySelect.options[index].text; //获取选中文本var value = mySelect.options[index].value; //获取选中值myS原创 2021-09-18 12:31:10 · 5398 阅读 · 1 评论 -
input文本输入框自动提示-autocomplete
首先来说,由于作者刚接触网站的开发,这篇文章写得有点乱,主要是记录给自己看的,怕以后忘记了,方便到时候查阅,若给您带来了不便,还请见谅。若有什么建议,请留言。非常感谢。--------------------------------------------步入正题--------------------------------------------问题(目标):目标样式如图1所示,当在文本框中输入字符时,实时进行提示相关信息,供用户参考和选择。**分析:**那么这个功能该如何实现呢,jQuery提原创 2021-09-18 10:30:17 · 3052 阅读 · 0 评论 -
下拉列表级联
<script type="text/javascript"> function selcity(){ var arr = [["--选择城市--"],["海定区","东城区","西城区","朝阳区"],["济南","青岛","日照","威海"], ["长沙","郴州","岳阳","株洲"],["广州","深圳","惠州","东莞"]]; var index = document.getElementB原创 2021-09-18 10:15:36 · 170 阅读 · 0 评论 -
使用 echarts 画折线面积图
在PPT自带图表不能满足自身需求的情况下,作为一名IT人士,采用前端的一些库来画图是一个非常不错的选择,我此次选择的是 echarts 这个库,涉及知识点记录如下,方便后续快速查阅:设置数据标签设置字体大小设置轴线留白设置面积图渐变色代码代码如下,快速画图地址option = { xAxis: { type: 'category', boundaryGap: true, // 设置为false代表是零刻度开始,设置为true代表离零刻度间隔一段距离原创 2021-09-23 00:15:31 · 1331 阅读 · 1 评论 -
京东移动端URL自动跳转PC端URL插件
前言平常情况下,同学朋友通过手机给自己分享的京东或者淘宝的某一个商品的购物页面,自己在使用电脑打开的时候不会自动跳转到PC版页面,还是会继续显示手机端页面,非常不利于自己的浏览和使用。因此,我想自己整一个插件,实现网址的自动解析,能够将移动端的网址转换成PC端的网址。How to do it?从来没写过插件的我,顿时有点手足无措的样子.先明确一下需求,我的需求是希望当我在电脑端点开移动端的京东网址时,浏览器自动将页面跳转至PC端网页。案例分析例如上面是我师弟在微信中给我分享的一个手机端的京东原创 2021-09-15 09:35:06 · 6149 阅读 · 2 评论