![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
云_飞扬
这个作者很懒,什么都没留下…
展开
-
高德地图画渐变线
高德地图如何画渐变线,渐变polyline原创 2023-12-08 17:20:18 · 1006 阅读 · 0 评论 -
jquery和vue分别对input输入框手机号码格式化(344)
需求是这样的,输入手机号码的时候要三位三位四位的格式我在网上找了几个方法都是有问题的,有的是输入可以实现,删除的时候不好用,有的是输入后删除到只留三位的位置时再接着输入就没有空格了,所以自己写了个函数,以后就用这个啦一、jqueryfunction fomatterTel(val, old) {//val: 当前input的值,old: input上次的值 var str ...原创 2018-06-06 19:20:35 · 6744 阅读 · 1 评论 -
webpack的安装和使用(一)
webpack是一个静态模块打包工具,用于打包静态资源,例如项目中使用了less,sass,和stylus等css预处理器,而浏览器无法识别和编译,就需要一个webpack,打包后,直接在html文件中引入打包后的.js文件即可。一、webpack的安装1.打开命令窗口,全局安装webpacknpm install webpack -gcnpm install webpack -g (淘宝镜像,...原创 2018-06-11 11:00:52 · 950 阅读 · 0 评论 -
jquery监听div等元素的内容变化
方法一:change事件change事件,在元素的值发生改变时触发,适用于文本域、textarea、select 。 或调用change()方法时可以监听。所以,我们可以模拟change为非表单元素监听change()事件。 change事件 #container { min-height: 120px; border: 1px solid原创 2018-03-07 10:16:09 · 38555 阅读 · 2 评论 -
jquery实现导航吸顶效果
js实现导航吸顶效果,主要通过监听页面滚动事件和获取页面各参数实现,可参考我的博客《使用原生js获取页面信息》和jquery手册 html, body { width: 100%; margin: 0; padding: 0; } .cont原创 2017-12-06 16:00:33 · 5531 阅读 · 0 评论 -
全选功能的实现(兼容ie8,可以部分禁用)
注:1.参数两个,第一个参数为全选按钮的选择器,第二个参数为除全选按钮外的其他复选框的父元素的选择器,如果其父元素为table,选择器要写为 "table tbody"。2.可有部分按钮禁用(disabled),例如 全选原创 2017-12-06 15:25:18 · 1070 阅读 · 0 评论 -
使用js模拟锚点功能的实现
使用js模拟锚点功能的实现 锚点 + js 第一个div 第二个div 第三个div 第四个div 我是第一个div原创 2017-12-06 10:57:55 · 6323 阅读 · 0 评论 -
js监听浏览器关闭事件(区分刷新和关闭,兼容IE9,10,11,Edge,Chrome和Firefox)
监听浏览器关闭事件(区分刷新和关闭,兼容IE9,10,11,Edge,Chrome和Firefox)原创 2017-12-20 16:02:12 · 44611 阅读 · 9 评论 -
ie8兼容性问题(五) event对象、e.target和e.preventDefault
event对象在chrome、firefox等浏览器中,event对象可从事件函数的参数中传入。ie8中须从window对象中获取$("#btn").click(function(e) { var event = e | window.event; })target$("#btn").click(function(e) { var event =原创 2017-09-19 18:05:36 · 10238 阅读 · 0 评论 -
头像上传前本地预览功能的实现(兼容ie8)
以下代码为头像的上传前预览功能的实现,UI可自行发挥。可用form表单提交文件,也可使用jquery.form.js插件实现。下面demo中使用的form提交。 $(function () { $("#up").uploadPreview(); }); jQuery.fn.extend原创 2017-11-03 15:25:59 · 1546 阅读 · 0 评论 -
兼容ie8的多文件上传
在HTML5中,表单元素有一个新的属性multiple,可实现多选功能。这样就可以实现多文件上传,但是此方法不兼容ie8等低版本浏览器。所以项目中我使用的是百度的WebUpload插件,此插件在ie中底层使用flash实现多文件上传。以下代码是简单的demo,具体使用方法可依据官方文档。 选择文件原创 2017-11-03 11:10:13 · 9314 阅读 · 4 评论 -
通过form的action属性提交表单并接收处理返回值的方法(页面不跳转)
通过form的action属性提交表单,这个很容易。但是,由于这种方式是同步提交,所以会导致页面跳转,且不好拿到返回值。一般都用ajax代替。 有些情况ajax是不能使用的,严格的说是不好使用的。例如文件上传功能。 <input type = "file">通过form的action属性提交表单,并接收处理返回值的方法如下: html: <iframe src="" frameborder=原创 2017-09-28 15:35:55 · 22686 阅读 · 1 评论 -
ie8兼容性问题(四) new Date()
问题时这样的var now = new Date("2000-01-02"); var nowTime = now.getTime(); console.log(nowTime); //ie //NAN //Chrome //946771200000这段代码在chrome中可以正常输出毫秒数,而在ie8中则输出NAN。 这是因为ie8不支持”2000-01-01”这种原创 2017-09-19 17:26:57 · 1819 阅读 · 0 评论 -
ie8兼容性问题(七) js参数值中文情况下无法传到controller
项目中遇到这样一个问题,要实现一个下载功能,参数有两个,一个id,一个标题。其中标题是中文。js写法: var params = { "id": "0001", "title": "需求响应速率概述" } window.open("downloadFilesController.do?download&id=" + params.id + "&title=" + params.ti原创 2017-09-27 09:28:58 · 1400 阅读 · 0 评论 -
表单提交的几种方式
一、Form和提交html代码:姓名:国籍:中国英国法国1.formaction : URLmethod : 表单提交方式,默认为get,可选值为get/postenctype : 规定在向服务器发送表单数据之前如何对其进行编码。(适用于 method="post" 的情况),可取值为application/x-www-form-原创 2017-08-14 15:31:34 · 17991 阅读 · 1 评论 -
异步加载JavaScript
异步加载JavaScript 默认情况下javaScript是同步加载的,同步加载js文件时会阻塞后续程序的执行,影响页面渲染效率。解决问题两个方法:方法一:将js文件在html页面最后引入,同步加载时会先渲染页面,最后执行js ... 方法二:采用异步加载js文件常见解决方法有四种:1.使用jQuery中的$(document).ready方法(必须原创 2017-06-11 19:12:44 · 270 阅读 · 0 评论 -
使用原生js获取页面信息
1.获取文档宽度/高度 console.log(document.body.scrollWidth); console.log(document.body.scrollHeight); console.log(document.documentElement.scrollWidth); console.log(document.documentEle原创 2017-06-11 19:06:50 · 1179 阅读 · 0 评论