JavaScript/JQuery
ABC
→→→→
这个作者很懒,什么都没留下…
展开
-
Dropzone 控件上传图片、加载服务器图片
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %><html><head> <link rel="stylesheet" href="http://cn.inspinia.cn/html/inspiniaen/css/plugins/dropzone/dropzone.css"> <script src="..原创 2020-06-12 15:51:49 · 1081 阅读 · 0 评论 -
Js VS Java URL编码解码
背景描述: 项目经常需要在前端使用富文本编辑器,将编辑内容传递到后台;项目新加了防XSS攻击相关,会过滤一些特殊符号(<>;’"等),恰恰这些符号在富文本编辑器中常出现(html格式),所以想到了多富文本编辑器拿到的内容进行url编码,再到后台使用java解码,这样就可以保留住特殊符号;好啦,思路已明确,开干js对文本url编码console.log(encodeURI('<p><span style="font-weight: bold;">测试</sp原创 2020-05-15 11:39:48 · 617 阅读 · 0 评论 -
高德地图轨迹回放,消息框内展示车辆速度且随车辆移动
直接上代码和效果图,代码中有步骤注释,很简单需要替换您自己的高德API KEY。<html><head> <script src="https://webapi.amap.com/maps?v=1.3&key=你的KEY&plugin=AMap.Autocomplete,AMap.Walking,AMap.PlaceSearch,AMap.PolyEditor,AMap.CircleEditor,AMap.Transfer,AMap.Drivin原创 2020-05-09 16:53:33 · 2960 阅读 · 3 评论 -
利用CountUp.js 实现数字跳转效果
countup.js<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" con.原创 2020-05-09 16:44:10 · 552 阅读 · 0 评论 -
日期、时间选择控件 - datetimepicker
http://www.bootcss.com/p/bootstrap-datetimepicker/demo.htm页面上添加控件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link href="http://cdn.bootcss.com/twitter-bootstra.原创 2020-05-09 16:11:18 · 4109 阅读 · 0 评论 -
输入框校验插件 - jQuery validate
jquery validate插件内置了常用输入框格式的校验,同时支持添加自定义校验;演示<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.原创 2020-05-09 16:05:02 · 813 阅读 · 0 评论 -
高德地图轨迹回放,消息框内展示车辆速度且随车辆移动-升级支持调整速度、回放进度
使用高德地图回放车辆GPS轨迹,并添加速度和回放进度条,并支持调整,效果如下:新增的功能:在基础版本,有如下升级速度条:可以拖动以调整车辆回放速度,且从当前位置继续回放进度条:进度条表示车辆已回放的百分比,且拖动进度条车辆定位到相应的位置并继续回放###思路分析高德和marker回放相关的API//主要靠他回放moveAlong(path:Array,speed:Number,f:Function,circlable:Boolean)//点移动到另一个位置,移动进度条车辆跟随移动原创 2020-05-09 14:54:03 · 10153 阅读 · 13 评论 -
Jquery.UI.autocomplate
自动填充输入框: 适用数据源数据大,且需要根据输入查询并选择数据的情景。演示版本<html><head> <!--bootstrap css--> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32O原创 2020-05-09 14:51:04 · 232 阅读 · 0 评论 -
Javascript总结-基本语法
1. html语言是从上到下顺序执行的,所以下面代码会报错。 var txt = document.getElementById("txt").value; alert(txt); 2.方法的声明和调用 //参数无类型原创 2013-08-10 16:05:49 · 329 阅读 · 0 评论 -
JQuery总结-事件、this、e和层的显示隐藏
1.绑定事件 //完整版绑定事件 //bind(事件名,方法名) $("#btn1").bind("click", function () { alert("bind"); }); //简化版绑定事件 $("#原创 2013-08-14 08:54:03 · 489 阅读 · 0 评论 -
JQuery总结-ready函数、遍历数组和键值对、获取控件
1. ready函数:页面加载后会自动执行的函数,一般用来动态创建控件或给控件绑定事件、设置样式等。 //完整版的ready函数 $(document).ready(function () { alert("dom is ready,类似于注册一个body.onload()"); }); //简化版ready函数 $(fu原创 2013-08-14 07:48:56 · 1463 阅读 · 0 评论 -
JQuery总结-cookie保存用户名
//ready事件 $(function () { //获得cookie中存储的username var tmp = $.cookie("username"); //如果tmp存在 if (tmp) { //将该值复制给文本框原创 2013-08-14 09:00:31 · 587 阅读 · 0 评论 -
JQuery总结-radioButton、checkBox相关
function t() { //获得所有单选按钮 且属性name=gender的 且是选中的 alert($(":radio[name=gender]:checked").val()); } function t1() { //注意 val中必须是[]原创 2013-08-14 08:36:11 · 547 阅读 · 0 评论 -
JQuery总结-样式表相关
function t() { //显示p1的样式表 alert($("#p1").attr("class")); } function t2() { //给p1添加s3样式 如果p1原本 class="s1" 则添加后class="s1 s3" 同时拥有s1 和 s3的样式原创 2013-08-14 08:34:27 · 466 阅读 · 0 评论 -
JQuery总结-value,css,innerText,innerHTML和添加删除dom对象
1. 设置、获取value //获取 $("#txt").val(); //设置 $("#txt").val("123");2.设置、获取css(这里css的样式名和样式表中的相同) //获取 $("#txt").css("background"); //设置原创 2013-08-14 08:24:59 · 1397 阅读 · 0 评论 -
Javascript-dom总结(杂七杂八)
1. 有时候页面的body很小,未能充满全部浏览器,可是想要给整个页面绑定个事件document.onclick = function () { alert('OK') }2.正则表达式 //声明正则表达式 var t = /.+@.+/; //正则表达式调用test方法 来测试 alert(t.test("aaa@aa.com"));3.小键盘的回原创 2013-08-14 07:12:46 · 382 阅读 · 0 评论 -
Javascript-dom总结(复制、粘贴相关)
粘贴板对象:clipboardData向粘贴板中放入要粘贴的对象:setData("Text", content)取粘贴板中要粘贴的对象:getData("Text")清空粘贴板中的内容:clearData("Text")若想让禁止网页内容被复制:若想文本框进制粘贴(密码框):应用:某帖子在复制后,要求粘贴到别的地方时后面自动添加帖子来源的页原创 2013-08-13 09:15:43 · 826 阅读 · 0 评论 -
Javascript-dom总结(修改样式)
1. 改变控件的样式表document.getElementById("f").className = "style2";2.改变控件的单一样式document.getElementById("change").style.background = "black";应用:搜索文本框 //获得焦点 f原创 2013-08-13 14:48:14 · 376 阅读 · 0 评论 -
Javascript-dom总结(获取页面控件)
1. 根据id获取控件document.getElementById('txt2')2. 根据name获取一组控件(radiobutton)document.getElementsByName("gender") 3.通过标签获得一组控件document.getElementsByTagName("input") 4.获取当前源控件(正在操作的控件)wind原创 2013-08-13 09:55:05 · 1277 阅读 · 0 评论 -
Javascript-dom总结(定时器、计时器)
1. 定时器:我认为是n秒后执行一次绑定的方法。开启:setTimeout关闭:clearTimeout //定时器 var timer; function t() { //开启定时器 执行型一次 timer = setTimeout("al原创 2013-08-12 16:17:43 · 931 阅读 · 0 评论 -
Javascript-dom总结(event相关)
1. 判断是否按下了特殊键function t() { //判断是否按下了Ctrl if (window.event.ctrlKey) { alert("按下了ctrl"); } }类似的还有altKey、shiftKey。 2. 获取鼠标的位置原创 2013-08-12 16:37:42 · 403 阅读 · 0 评论 -
Javascript-dom总结(事件、comfirm、页面跳转)
1. 事件的绑定 a. 静态绑定:方法名有括号,类比于方法的调用。 function fun() { alert("静态调用"); } 静态调用方法 b. 动态绑定:方法名无括号,类比于委托。 function fun() {原创 2013-08-12 16:12:37 · 1095 阅读 · 0 评论