Javascript
关注
分享
扫一扫
web_cgh
努力奋斗吧！
展开
-
canvas转图片，print-js实现打印
canvas转图片，print-js实现打印原创 2022-08-07 22:42:32 · 1782 阅读 · 2 评论 -
js中将byte数组转换成base64图片显示
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script> va原创 2018-06-08 12:24:32 · 27144 阅读 · 4 评论 -
js用到查询网址
1.javascripture https://www.javascripture.com/Uint8Array原创 2018-06-08 13:20:40 · 270 阅读 · 0 评论 -
加载图片进度
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div class="mask原创 2018-06-08 14:42:42 · 879 阅读 · 0 评论 -
实现按回车键登录
1.css.loginContainer { width: 700px; height: auto; border-radius: 22px; margin: auto auto; background: rgba(255,255,255,1)url(../images/login_title.png) no-repeat left top /100% 106px; ...原创 2018-07-03 15:12:04 · 1895 阅读 · 0 评论 -
获取url中"?"符后的字串
<video id="videoId" class="videoControl" src="" controls="controls" autoplay="autoplay"> </video> var url = location.search; //获取url中"?"符后的字串 ('?modFlag=business&转载 2018-06-28 20:57:50 · 850 阅读 · 0 评论 -
jquery从后台获取数据,动态遍历渲染页面
var $viewVideoId = $('#viewVideoId'); $viewVideoId.children().remove(); var fileList = ''; var UTILE = new UtileObj(); $.each(JSON.parse(res.data).file, function (i, items...原创 2018-06-28 21:01:49 · 21537 阅读 · 0 评论 -
自定义按钮操作Video播放视频
function playPause() { var myVideo = document.getElementsByTagName('video')[0]; if (myVideo.paused) { myVideo.play(); } else { myVideo.pause(); ...原创 2018-06-28 21:05:31 · 10966 阅读 · 1 评论 -
使用jquery实现监听事件
$(document).ready(function () { $('body').on("click", ".thumbnail", function (e) { // console.log(e); console.log(e.currentTarget.currentSrc); console.log(e.target.dataset.ind...原创 2018-06-28 21:07:51 · 3200 阅读 · 0 评论 -
video实现浏览器打开自动播放
1.html <video id="minione-video" class="minione-video" poster="./common/images/mini-one/miniONE_BG2.jpg" autoplay="autoplay" muted="muted" preload> <source type="video/mp4&原创 2018-07-12 14:45:14 · 56142 阅读 · 3 评论 -
原生js插入样式文件
function insert() { console.log("insert"); if (document.getElementById("temp-id")) return; const sty = document.createElement("style"); sty.innerHTML = ` * { animation-dur...原创 2019-01-05 11:45:18 · 527 阅读 · 0 评论 -
弹幕
// 弹幕方法import icon3 from "../../img/barrage/3@2x.png";let barrageArr = [icon3, icon4, icon5, icon6, icon7, icon8, icon9, icon10, icon11, icon12, icon13, icon14, icon15, icon16, icon17];let isS...原创 2019-08-28 17:45:23 · 305 阅读 · 0 评论 -
前端工具文件
function UtileObj() { this.Pagination = function (pageTotal, pageCount, currentPage) { this.pageNumArray = []; var pageStart,pageEnd; if (currentPage <= pageCount / 2 + 1) {...原创 2018-06-04 16:27:48 · 1274 阅读 · 0 评论 -
用jquery方法实现和并单元格
var commonArr = timeFormatFun(data.error_info.data);function listComonFun(data) { var str = ''; for (var h = 0; h < data.length; h++) { var list = "", timeTd = ''; if (data[h].l...原创 2018-06-04 16:01:25 · 162 阅读 · 0 评论 -
通过定时器给li列表中添加class
var s = 0, o = $(".color-list").find("li"); setInterval(function() { s >= o.length && (s = 0); var t = o.eq(s); t.siblings().removeClass("on"...原创 2018-05-26 19:26:57 · 992 阅读 · 0 评论 -
ng中页面刷新之后，导航条还处于选中状态
// 页面刷新之后，导航条还处于选择状态1.根据导航栏中的url，找到要添加样式的导航栏http://........./#/m/after_sales_orders/1/afterSalesOrdersCtrl/1/0//var a = $timeout(function () { var url = /#\/m\/[A-Za-z_]+/.exec($(".uiSref原创 2018-02-03 14:54:32 · 877 阅读 · 0 评论 -
console的使用
// console.table(nary);// console.table(devices);// console.dir(devices);// console.assert(true,devices);// console.assert(false,devices);// console.count('运行次数:');// console.trace('我被调用了');//...原创 2019-08-22 20:42:53 · 214 阅读 · 0 评论 -
js重组数据结构
function queryAssetTypeCommonFun(data) { var assetList = []; for (var i = 0; i < data.length; i++) { if (assetList.length) { for (var j = 0; j < assetList...原创 2018-02-26 18:38:23 · 1382 阅读 · 0 评论 -
js中滚动鼠标加载数据
// 滚动请求数据 vm.queryAssetLogList = []; var creditFlag = true, creditIndex = 1; $('.cLogBox').scroll(function (e) { var heightMinus = $('.cLog').height() - $('.cLogBox').scrollTop(); ...原创 2018-02-27 12:21:49 · 1054 阅读 · 0 评论 -
js中，开启全屏和关闭全屏
//================== //--页面底部的点击实现全屏-- //==========================html <!--全屏显示--><span ng-show="allSCtrl.storyDetail.resobjs[allSCtrl.presentImg-1].type==1" id="spanScree...原创 2018-03-13 20:39:22 · 2247 阅读 · 2 评论 -
js中把时间变成时间撮
var s ='2017-04-18 09:16:15';var date = new Date(s );console.log(date.getTime(date));原创 2018-03-30 18:15:34 · 512 阅读 · 0 评论 -
JS获取当月第一天和最后一天
// 把日期格式转换成时间撮 var time = new Date().getTime(); console.log(getCurrentMonthFirst()); console.log(getCurrentMonthLast()); // 获取当前月的第一天 function getCurrentMonthFirs...转载 2018-04-23 14:22:07 · 20656 阅读 · 1 评论 -
javascript中 中文解码
var str = 'http://ddpai-imgs.oss-cn-zhou.aliyuncs.com/crm/partner548.QQ短视频20180503204851.mp4'; document.write(encodeURI(str)+ "<br />"); document.write(decodeURI(str));原创 2018-05-12 21:00:23 · 948 阅读 · 0 评论 -
JS中获取字符串倒数第二点后面的内容
var str= "http://ddp-imgs.oss-cn-hangzhou.aliyuncs.com/crm/partner32948318.loginBack_small.jpg";var name = str.substr(str.lastIndexOf('.', str.lastIndexOf('.') - 1) + 1);console.log(name);原创 2018-05-08 11:44:31 · 10855 阅读 · 5 评论 -
设置video适配所有的屏幕大小，滚动事件添加动画
一。视频video容器的大小，随着屏幕大小的变化，完美的显示效果。 1.css .videoBox{ position: fixed; top: 0; right: 0; left: 0; bottom: 0; display: none; background: rgba(0,0,0,.8); z-index: 30;} .videoControl{ /*width: 8...原创 2018-05-25 19:51:57 · 2698 阅读 · 0 评论 -
原生js下载绝对路径的图片
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <tit原创 2018-06-02 16:53:56 · 2581 阅读 · 0 评论 -
javascript中 获取字符串中最后一个斜杠后面的内容
var str = "http://7xiba5.com2.z0.glb.clouddn.com/07202017-1601-0000-0030-000000000098/20180517150026/file/image/M_20180517150023_0000_T.jpg",index = str .lastIndexOf("\/"); str = str .substring(inde...原创 2018-06-02 17:02:32 · 2779 阅读 · 0 评论 -
javascript中splice的使用
一.splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。参数描述index必需。整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置。howmany必需。要删除的项目数量。如果设置为 0，则不会删除项目。item1, ..., itemX可选。向数组添加的新项目。原创 2017-12-12 13:21:03 · 311 阅读 · 0 评论