搜索到
1608
篇与
的结果
-
JS动态获取图片分辨率宽高大小 JS动态获取图片分辨率宽高大小 <p class="ddkkkkk_{{$item->id}}"></p> <script> function getpic(url,obj){ var img = new Image(); img.src = url; if (img.complete) { document.write(img.width + 'x' + img.height); $('.ddkkkkk_'+obj).text(img.width + 'x' + img.height); } else { img.onload = function () { // document.write(img.width + 'x' + img.height); $('.ddkkkkk_'+obj).text(img.width + 'x' + img.height); img.onload = null; }; }; } getpic("{{$item->vod_pic}}","{{$item->id}}") </script> -
前端使用JsBarcode生成条形码 前端使用JsBarcode生成条形码注：需引入 jsbarcode 插件JsBarcode安装:npm install jsbarcode --save npm install jsbarcodeHTML 生成条形码代码<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no" /> <title></title> <script type="text/javascript" src="https://www.tpxhm.com/fdetail/js/jquery.min.js"></script> <script type="text/javascript" src="https://www.tpxhm.com/fdetail/js/JsBarcode.all.js"></script> </head> <body> <svg id="svgcode"></svg> <!-- or --> <canvas id="canvascode"></canvas> <!-- or --> <img id="imgcode" /> <script> $("#svgcode").JsBarcode('我是条形码'); </script> </body> </html>最终生成的条形码OptionDefault valueTypeformat（选择要使用的条形码类型）"auto" (CODE128)Stringwidth（设置条之间的宽度）2Numberheight（高度）100NumberdisplayValue（是否在条形码下方显示文字）trueBooleantext （覆盖显示的文本）undefinedStringfontOptions（使文字加粗体或变斜体）""Stringfont（设置文本的字体）"monospace"StringtextAlign（设置文本的水平对齐方式）"center"StringtextPosition（设置文本的垂直位置）"bottom"StringtextMargin（设置条形码和文本之间的间距）2NumberfontSize（设置文本的大小）20Numberbackground（设置条形码的背景）"#ffffff"String (CSS color)lineColor（设置条和文本的颜色）"#000000"String (CSS color)margin（设置条形码周围的空白边距）10NumbermarginTop（设置条形码上方的空白边距）undefinedNumbermarginBottom（设置条形码下方的空白边距）undefinedNumbermarginLeft（设置条形码左边的空白边距undefinedNumbermarginRight（设置条形码右边的空白边距）undefinedNumberflatfalseBooleanvalidfunction(valid){}Funct
-
-
js合并两个数组生成合并后的key：value数组方法 js合并两个数组生成合并后的key：value数组方法// var activeSubjectsName = ["JAVA", "PHP", "Android", "IOS", "Python"];// var activeSubjectsNum = [46, 2, 2, 28, 29];// var activeSubjectsArr = [];for (var i = 0; i < activeSubjectsName.length; i++) {console.log(i);var activeSubjectsObject = {};for (var j = 0; j < activeSubjectsNum.length; j++) {if (i == j) {activeSubjectsObject.name = activeSubjectsName[i];activeSubjectsObject.value = activeSubjectsNum[j];activeSubjectsArr.push(activeSubjectsObject);}}}console.log(activeSubjectsArr);// activeSubjectsArr=[// {name: "JAVA", value: 46},// {name: "PHP", value: 2},// {name: "Android", value: 2},// {name: "IOS", value: 28},// {name: "Python", value: 29}// ]
-
jq获取li列表第几个元素值,jq获取列表元素方法 假设我们有段html代码，让我我们需要获取其中的元素<ul class="list"> <li>列表一</li> <li>列表二</li> <li>列表三</li> <li>列表四</li> <li>列表五</li> </ul> <button type="button" class="btn">按钮</button>jquery获取其中元素方法，需要用到eq()方法，元素从0开始1、点击按钮获取值：$('.btn').click(function(){ var a = $('.list li').eq(0).text(); alert(a); })2、点击列表其中一个获取值，我们来获取第二个的值$('.list li').eq(1).click(function(){ var a = $(this).text() alert(a) });
