- 博客(12)
- 收藏
- 关注
RSS订阅原创 原生js实现http请求
有时页面用到请求，但又不想引入jquery，那不使用ajax情况下，可以直接使用原生js进行封装函数。原生的js通过XMLHttpRequest 对象进行的的。具体可查阅W3school的XMLHttpRequest 对象。1、封装可供请求调用的函数：function httpRequest(paramObj,fun,errFun) { var xmlhttp = null; /*...
2019-01-15 19:45:11
38915
7
原创 《vue项目使用》： vue脚手架搭建
一、从node官网中下载并安装node1、下载完成后，在命令行工具中输入 node -v 检查是否安装成功，如下图所示，返回了版本号，则说明安装成功。2、输入 npm -v 可查看npm版本（注：npm是集成在node里面的，所以不用再下载）。二、安装vue脚手架注：安装vue脚手架可通过npm安装，也可通过cnpm安装，cnpm是淘宝的npm镜像，使用cnpm安装会更快更...
2019-01-09 20:25:40
488
原创 同步滚动(两个iframe内嵌同一个html页面进行)
有时候我们在一个页面中会出现左右两个ifame，这两个iframe内嵌的html页面为相同的，只是渲染的数据不同，然后需要其同步滚动，便于进行比较，如查重。一、功能实现：1、在父页面js中编写触发iframe滚动高度的函数，需要分两个，分调用两个不同iframe的滚动条：/*嵌套的页面滚动*/function scrollTopA(topNum) { /*iframe1为ifra...
2019-01-08 20:26:21
4343
原创 下拉列表(输入框与下拉框重叠使用，可输入，可选择)
1、封装函数：/* * input与select重叠使用控件 * @param {object} obj -- 参数对象 * * @email 3204836547@qq.com * */jQuery.setInputSel = function(obj) { var optionGroup = '<option value="">请选择</option&...
2019-01-02 19:21:02
5787
1
原创 图片加载失败时渲染默认图片
方法一、在img标签中加入onerror属性：<img src="不存在的图片路径" onerror="src='img/timg1.jpg'"/>注：这种方法中，若onerror中默认路径错误的话，会不断重新加载，也就是可能会不断闪。所以可在onerror中写法如下：<img src="不存在的图片路径" onerror="this.onerror='';s...
2018-12-29 16:34:54
2103
原创 图片不变形缩小显示
1、代码示例<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /*设置外框大小并将图片居中显示*/
2018-12-29 13:35:01
786
原创 文件上传前判断文件是否为图片类型以及其大小
1、函数：/** * 判断上传的文件是否为图片与图片的大小 * @param {string} FileId 文件按钮id * @param {number} maxsize 图片大小（单位/M） */function imgTypeSize(FileId, maxsize) { /*获取图片内容对象*/ var imgFile = document.getEleme...
2018-12-27 20:29:22
8631
原创 获取网址所携带的参数
1、函数：function getUrlParam(theUrl) { /*获取地址，若有传参则为参数，否则为当前页面地址*/ var thisUrl = (theUrl || location.href || ""); /*创建一个用于存储参数的对象*/ var paramObj = new Object(); /*若存在‘？’，说明地址携带参数，否则没带参数*/ if(thi...
2018-12-26 19:55:43
1570
原创 上传文件
1、引入jQuery;2、js：/** * 上传文件 * @param {string} id -- 上传按钮id -- <input type="file">的id * @param {string} upadLoadPath -- 图片上传存储路径 * @param {string} UpadloadPathUrl -- 图片上传接口 * @param {fun...
2018-12-24 14:36:41
126
原创 ajax调用接口
1、引入jQuery2、ajax编写/** * @param {string} url -- 请求路径 * @param {Object} data -- 请求参数 * @param {Function} successCallBack -- 成功回调 * @param {Function} errorCallBack -- 失败回调 * @param {boolean} bo...
2018-12-21 18:26:24
3684
1
原创 分页控件（原生加jQuery编写）
html加css<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css">
2018-12-21 13:59:27
423
原创 时间戳转日期
function returnDay(dataNum) { /*若参数不存在或为空或类型不是数字则返回空字符串*/ if(!dataNum || dataNum == '' || typeof(dataNum) != "number") { return ""; } ...
2018-12-20 16:54:12
440
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人