随笔分类 -  JS

JS URL 页面传值,中文乱码问题
摘要:用 encodeURI decodeURI 解决 发起页面 : var name ="张三"; name = encodeURI (encodeURI(name));//此处需要嵌套两层 url = ~/open.html?name=name 接收页面 var name = decodeURI(re 阅读全文
posted @ 2023-09-22 10:53 我的梦想是开个小店 阅读(36) 评论(0) 推荐(0) 编辑
play() failed because the user didn‘t interact with the document first
摘要:使用js调用音频文件报错,错误信息如下:play() failed because the user didn’t interact with the document first该报错是浏览器对于自动播放限制抛出的:play方法调用失败,因为用户没有先操作文档【用户没有先去跟网页做交互再执行音频播 阅读全文
posted @ 2022-12-09 10:06 我的梦想是开个小店 阅读(3700) 评论(0) 推荐(0) 编辑
div 自动滚轮2
摘要:HTML: <div class="cal_bottom" style="height:78%;margin-top:2%;overflow:auto;" id="gridtablejw"> <ul id="zbry1"></ul> <ul id="zbry2"></ul> </div> JS为di 阅读全文
posted @ 2022-10-19 10:56 我的梦想是开个小店 阅读(44) 评论(0) 推荐(0) 编辑
js 实现全屏预览(F11功能)--转
摘要:参考文档 http://t.zoukankan.com/ghfjj-p-6322415.html HTML代码 <body> <div id="content"> <div>内容1</div> <div>内容2</div> <img id="btn" src="img/icon/btn_fd.png 阅读全文
posted @ 2022-07-13 16:16 我的梦想是开个小店 阅读(1355) 评论(0) 推荐(0) 编辑
通过【leaflet】 调用高德离线瓦片地图
摘要:官网:https://leafletjs.com/ 首先在官网下载【leaflet.css】和【leaflet.js】 引用js和css <link href="js/leaflet.css" rel="stylesheet" /> <script src="js/leaflet.js" type= 阅读全文
posted @ 2022-07-13 16:01 我的梦想是开个小店 阅读(2318) 评论(0) 推荐(0) 编辑
table 实现自动滚动
摘要:JS $(function (){ let text = $("#fTbody:first"); let clear; //定义需要清除动画的部分 $("#fTbody>tr:odd").addClass("odd"); //添加鼠标悬停事件 text.hover(function () { cle 阅读全文
posted @ 2022-06-30 16:36 我的梦想是开个小店 阅读(1328) 评论(1) 推荐(1) 编辑
div 滚动条自动滚动
摘要:css 滚动条样式,将滚动条隐藏 .cal_bottom::-webkit-scrollbar {/*滚动条整体样式*/ width:0.5px;/*高宽分别对应横竖滚动条的尺寸*/ height:4px; } .cal_bottom::-webkit-scrollbar-thumb {/*滚动条里 阅读全文
posted @ 2022-06-30 16:32 我的梦想是开个小店 阅读(860) 评论(0) 推荐(0) 编辑
echarts 立体柱状图,渐变柱状图
摘要:说一千道一万,图标样式在【series】中修改,边距在【grid】中修改,鼠标指向显示数据在【tooltip】中修改 JS引用: <script src="js/echarts.min.js" charset="utf-8" type="text/javascript"></script> HTML 阅读全文
posted @ 2022-06-26 14:38 我的梦想是开个小店 阅读(599) 评论(0) 推荐(0) 编辑
JS 常见验证[正则表达式]
摘要:1.验证电子邮箱格式 function isEmail(value) { return /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/.test(value) } 2.验证手机格式 function 阅读全文
posted @ 2022-05-17 09:41 我的梦想是开个小店 阅读(57) 评论(0) 推荐(0) 编辑
js 将Html网页效果保存成图片
摘要:需要下载的效果图: HTML 需要引用js:html2canvas.js <div class="back" id="qrCode"> <div class="blu"> <div style="color:white;font-size:24px;text-align:center;padding 阅读全文
posted @ 2022-05-12 11:47 我的梦想是开个小店 阅读(1422) 评论(0) 推荐(0) 编辑
JS点击图片放大
摘要:效果图: 原图: 点击后: HTML代码: <div> <div class="lr-form-item-title">物品图片</div> <img id="Img" src="" style="width:120px;height:120px;" /> </div> <div id="outer 阅读全文
posted @ 2022-03-08 11:05 我的梦想是开个小店 阅读(402) 评论(0) 推荐(1) 编辑
js 打印文本
摘要:需要打印的格式 代码: html代码块 <a id="lr_print">打印</a>==引用外部js<script src="~/Content/jquery/plugin/jqprint/jquery.jqprint-0.3.js"></script> js代码块 $("#lr_print"). 阅读全文
posted @ 2021-08-31 14:24 我的梦想是开个小店 阅读(213) 评论(0) 推荐(0) 编辑
H5 生成带图片的二维码
摘要:标明,此处非原创。另,感谢原创大神。但是我找不出您老人家的原创作品了。只好在这里做一次记录。 HTML代码: <div id="qrcode" class="qrcode"></div> JS代码: <script type="text/javascript" src="../js/jquery.j 阅读全文
posted @ 2021-04-25 10:19 我的梦想是开个小店 阅读(328) 评论(0) 推荐(0) 编辑
js 生成随机四位数
摘要://JS方法function rand(min, max) { return Math.floor(Math.random() * (max - min)) + min; }//调用var randnum = rand(1000, 9999);alert(randnum);//可以看到随机四位数啦~ 阅读全文
posted @ 2021-04-25 10:06 我的梦想是开个小店 阅读(305) 评论(0) 推荐(0) 编辑
js 传参中文,接收后出现乱码
摘要:js URL传参: '/Form?keyValue=' + keyValue + '&Name=' + encodeURI(Name)//Name传的是中文 js 接收参数 function GetRequest() { var url = decodeURI(decodeURI(location. 阅读全文
posted @ 2021-04-25 10:04 我的梦想是开个小店 阅读(264) 评论(0) 推荐(0) 编辑
MVC框架,JS获取Session中保存的值。
摘要:控制器,将用户名密码保存Session WebHelper.WriteSession("username",username); WebHelper.WriteSession("password", password); 前端js获取 在cshtml页面中 @Html.Hidden("uname", 阅读全文
posted @ 2020-12-02 11:03 我的梦想是开个小店 阅读(323) 评论(0) 推荐(0) 编辑
星级评分插件
摘要:HTML代码块: <div id="dialog" title="评价" style="display: none;"> <div style="width:300px"> <span style="font-size:12px;float:left">物流评分:</span> <div id="w 阅读全文
posted @ 2020-09-24 09:48 我的梦想是开个小店 阅读(79) 评论(0) 推荐(0) 编辑
JS 实现轮播图
摘要:转载 Html代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>最简单的轮播效果</title> </head> <body> <div class="box" id="box"> <div class= 阅读全文
posted @ 2020-09-24 09:08 我的梦想是开个小店 阅读(113) 评论(0) 推荐(0) 编辑
js 禁止网页后退
摘要:第一种方式 <script language="JavaScript"> window.history.go(1); </script> 或者 <script language="JavaScript"> window.history.forward(1); </script> 据说时终极方案 没用 阅读全文
posted @ 2020-09-23 17:36 我的梦想是开个小店 阅读(253) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示