JavaScript
laizhixue
我就是我,不一樣的煙火
展开
-
通过前端js获取指定年周的开始时间与结束时间(以周一为开始时间)
/ 输出格式为YYYY-MM-DD。// 输出格式为YYYY-MM-DD。// 年份, 月份(0代表1月), 日期。// 创建一个Date对象,设置为指定年份的第一周的周日。//若不是周一,则为去年最后周,需要取到下一年周一。//截取:具体看入参格式。原创 2024-04-25 10:21:42 · 603 阅读 · 2 评论 -
JS string.format("替换字符1","替换字符2")
格式:"我是字符{0},{1}".format("1","2");原创 2020-04-23 14:17:36 · 1051 阅读 · 1 评论 -
JS与ASP.NET的 urlencode编码 加解码操作——解决前端无法传html代码到后端
JS中 urlencode编码 :encodeURIComponent(编码的具体内容)解码 :decodeURIComponent(解码码的具体内容)原理:对URL的组成部分进行个别编码,而不用于对整个URL进行编码ASP.NETurlencode编码 :Uri.EscapeDataString(url)解码 :Uri.UnescapeDataString(url)...原创 2020-02-26 15:07:45 · 1080 阅读 · 1 评论 -
获取父页面中iframe子页面的元素或获取父页面的元素
1.获取父页面的元素:$("需要查找的父元素",window.parent.document)2.获取父页面中的子页面的元素:$($("需要查找的父元素",window.parent.document).find("iframe").prop("contentWindow").document).find("需要查找的子元素:可用筛选器");...原创 2019-12-03 17:52:50 · 467 阅读 · 1 评论 -
JS实现图片粘贴到前台界面
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>图片粘贴</title> <style> #img{ width:转载 2019-01-10 17:40:02 · 1003 阅读 · 1 评论 -
layui动态添加的数据事件失效问题----解决办法
关于该问题的layui官方文档地址:http://www.layui.com/doc/modules/form.html<div class="layui-form-item"><label class="layui-form-label">类别</label><div class="layui-input-inline"><sel...原创 2018-11-13 14:32:36 · 6327 阅读 · 0 评论 -
js 去掉字符串前面的0
<script type="text/javascript"> var s='002345'; alert(s.replace(/\b(0+)/gi,""));</script>原创 2018-09-21 10:22:15 · 12499 阅读 · 6 评论 -
Web Notification消息通知的使用
若没有效果,请开启浏览器的消息通知权限。 <!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <原创 2018-09-25 14:15:13 · 6142 阅读 · 0 评论 -
javascript 获取当前日期时间
<script>var myDate = new Date(); myDate.getYear(); //获取当前年份(2位)//alert(myDate.getYear()) //2009 myDate.getFullYear(); //获取完整的年份(4位,1970-????)//alert(myDate.getFullYear()); 20...原创 2018-09-14 15:19:58 · 765 阅读 · 0 评论 -
Div滚动条定位设置
1.div<div id="DataDiv" style="overflow-x: hidden;overflow-y: scroll;max-height:500px;">//数据</div>2.通过JS去设置Div滚动条的位置document.getElementById('DataDiv').scrollTop //Div滚动条的垂直位置设置属性...原创 2018-08-17 14:58:40 · 13403 阅读 · 0 评论 -
前后台的字符串截取
前台三种JS截取字符串方法JS提供三个截取字符串的方法,分别是:slice(),substring()和substr(),它们都可以接受一个或两个参数:var stmp = "rcinn.cn";使用一个参数alert(stmp.slice(3));//从第4个字符开始,截取到最后个字符;返回"nn.cn"alert(stmp.substring(3));//从第4个字符开始,截...原创 2018-07-31 11:23:53 · 2086 阅读 · 0 评论 -
url字符串编码解码的方法
1.URI的编码方法 Global对象的encodeURI()和encodeURIComponent()方法可以对url进行字符串编码,以便发送给浏览器。用特殊的utf-8编码替换所有无效的字符。 a)encodeURI()主要用于整个URL,不会对URL本身的特殊字符比如‘/’、‘:’进行编码。 b)encodeURIComponent()主要用于URL片段,会对任何字符进行编码。va...转载 2018-11-08 11:21:27 · 544 阅读 · 0 评论 -
jQuery的CheckBox全选反选时,勾选失效的问题
利用removeAttr()和prop()方法,完全没问题。 在做复选框的时候,全选、反选应该是比较常用的功能。我在做这个功能时,发现多次全选、反选之后,页面展示的“勾选”效果失败了,页面上没有展示出勾选效果。但是追踪js,发现已经是选中状态。 在网上搜了下,原因可能是不同的jQuery版本,有的方法可能已经弃用。jQuery的版本太老,或太新,都有可能发生这...原创 2018-11-16 10:29:34 · 641 阅读 · 0 评论 -
HTML img 刷新图片的问题
今天在做一个 使用javaweb项目自动生成Android程序的项目 需要上传图片预览.但是第二次上传图片显示的时候发现之前的图片没有改变.后经过分析发现是地址相同第二次改变img src属性的时候图片未发生改变,浏览器第二次不会去请求服务器 解决方案很easy:在修改img的src属性的时候加上一个随机数即可,让浏览器以为每次请求的服务都不同.image.attr('src', d...原创 2018-11-15 11:42:29 · 1151 阅读 · 0 评论 -
JS前台分分页打印
//插件打印 function Printing() { var all_length = KStarForm.koContentModel.MXList().length;//總長度--會改變 var all_length_BB = KStarForm.koContentModel.MXList().length;//總長度--...原创 2019-03-19 14:08:23 · 512 阅读 · 0 评论 -
Boostrap ToolTip提示的多值校驗
效果圖:前台控件代碼:<input id="Before_SupplierNo" class="col-sm-4 form-control"onkeyup=" CheckRegx('Before_SupplierNo', /^[a-zA-Z]{1}[a-zA-Z0-9]{0,9}$/, '供應商代碼不能為空,必須以字母開頭,且長度不能超過10字節!', false)" ...原创 2019-04-23 09:53:28 · 185 阅读 · 1 评论 -
JS--计算某一年某一月某一日所处的周数
<h2>計算週數</h2><input id="date" type="text" value="2019-03-19" /><button onclick="Count($('#date').val())">計算</button><script src="~/Scripts/jquery-1.10.2.min.js">...原创 2019-03-19 11:57:00 · 416 阅读 · 0 评论 -
JQ点击无法触发a标签的href问题
<a id="alink" href="abc.aspx" style="visibility: hidden;">下一步</a>$("#alink").click(); // 触发了a标签的点击事件,但是没有触发页面跳转document.getElementById("alink").click(); //既触发了a标签的点击事件,又触发了页面跳转把 “下一步...原创 2019-07-02 09:00:12 · 1249 阅读 · 0 评论 -
JS向上取整,向下取整,四舍五入,保留N位小数的实现
// 1.只保留整数部分(丢弃小数部分)parseInt(5.1234);// 5// 2.向下取整(<= 该数值的最大整数)和parseInt()一样Math.floor(5.1234);// 5 // 3.向上取整(有小数,整数就+1)Math.ceil(5.1234);// 4.四舍五入(小数部分)Math.round(5.1234);// 5Math.r...原创 2019-09-02 11:09:40 · 1092 阅读 · 0 评论 -
使用 JSON JavaScriptSerializer 进行序列化或反序列化时出错。字符串的长度超过了为 maxJsonLength 属性设置的值。
最近公司布置了报表的开发,这个模块涉及到了几万条数据的导入,然后后台处理,再返回到前台并显示出来,不过当我导入4W条数据的数据,VS已经支持不过来,几乎卡住,电脑也接近奔溃,不过处理2W条的数据还是没问题的。具体如何解决?c#后台方法,返回值为 string public string AddSAPDataToList(List<List<string>>...原创 2018-07-25 16:22:34 · 6818 阅读 · 3 评论 -
用JS实现微博的第三方登錄
1.先去微博开放平台(点击打开连接)注册账号。2.网站接入(WEB)(点击打开连接)根据你的需要,去选择创建的项目类型,这边我就搞网站接入(WEB),作为一个例子。点击网站接入创建应用选择立即接入根据步骤走填写相关信息,创建完成后就可以在我的应用查看了。进入应用可以查看相应的App Key,App Secret,这两个对于接下来的开发很重要,如下图所示:高级信息可以设置授权回调页,也就是你授权后成...原创 2018-06-15 10:11:55 · 2057 阅读 · 0 评论 -
JavaScript Date 对象
JavaScript Date 对象Date 对象Date 对象用于处理日期和时间。创建 Date 对象的语法:var myDate=new Date()注释:Date 对象会自动把当前日期和时间保存为其初始值。Date 对象属性属性描述constructor返回对创建此对象的 Date 函数的引用。prototype使您有能力向对象添加属性和方法。Date 对象方法方法描述Date()返回当日的...转载 2018-03-07 16:10:53 · 127 阅读 · 0 评论 -
JS获取两个日期工作日相差的小时数(不包含周末)----可以指定一天的上班时间
//获取两个日期相差的工作小时(不包括节假日) function getHour(StartTime, EndTime) { StartTime = new Date(StartTime.replace(/-/g, '/')); EndTime = new Date(EndTime.replace(/-/g, '/')...原创 2018-03-07 10:36:08 · 1726 阅读 · 3 评论 -
js中对小数取整
js中对小数取整js中对小数取整的函数,需要的朋友可以参考下。 1.丢弃小数部分,保留整数部分 js:parseInt(7/2) 2.向上取整,有小数就整数部分加1 js: Math.ceil(7/2) 3,四舍五入. js: Math.round(7/2) 4,向下取整 js: Math.floor(7/2)5.生成隨機數j原创 2018-01-26 16:00:02 · 3454 阅读 · 1 评论 -
JQuery上一页与下一页的实现
@{ ViewBag.Title = "Index";} #div_content { height: 500px; width: 500px; } #div_list { border: 1px solid; margin-left: 10px; margin-top: 10px原创 2018-01-25 15:11:14 · 6792 阅读 · 0 评论 -
javascript----改进无缝滚动
添加了当鼠标移动到相应的图片后则方法显示,过一定的时间再自动隐藏。@{ ViewBag.Title = "Test1";} /*最好每一個頁面都加*/ * { margin: 0px; padding: 0px; } #all { position: relative; /*最大的布局一定要加,不然下原创 2018-01-31 12:03:59 · 168 阅读 · 0 评论 -
js实现无缝滚动
/*最好每一個頁面都加*/ * { margin: 0px; padding: 0px; } #all { position: relative; /*最大的布局一定要加,不然下面的布局無法設置位置*/ } #div1 { margin-left: auto;/*让div居中*/原创 2018-01-31 11:06:58 · 272 阅读 · 0 评论 -
JQuery获取日期相差的天数与小时
var days = daysBetween('2016-11-01','2016-11-02');/*** 根据两个日期,判断相差天数* @param sDate1 开始日期 如:2016-11-01* @param sDate2 结束日期 如:2016-11-02* @returns {number} 返回相差天数*/function daysBetween(sDate1,sDate2){//...原创 2018-03-05 12:12:42 · 2627 阅读 · 0 评论 -
网页监听元素的修改
监听这个事件DOMSubtreeModified。表示如果当前监听元素的子节点有改动:包括删除子节点、增加子节点、修改子节点的内容,都会触发这个事件。var container = document.querySelector(".target")container.addEventListener('DOMSubtreeModified', function () { // do st...原创 2018-04-23 16:05:46 · 277 阅读 · 1 评论 -
CSS與Script文件的外部引用
<link href="@Url.Content("~/Content/bootstrap.css")" rel="stylesheet" type="text/css" /><script src="@Url.Content("~/Scripts/jquery-2.1.1.js")" type="text/javascript&quo原创 2018-03-29 12:11:49 · 1200 阅读 · 0 评论 -
动态赋值与数据绑定的select的实现
考虑到一些因素,还是需要将select的数据传入Model中进行保存,所以得做如下修改。 @*控制碼*@ <label class="control-label col-sm-2"> 控制碼<font class="red">*</font> </label> ...原创 2018-04-10 10:28:41 · 3781 阅读 · 0 评论 -
JS获取select标签中option的个数
<select id="status" onmousedown="if (this.options.length> 3) this.size=3;" onchange="this.size=0" > <option value="0">待审核</option> <option value="1原创 2018-03-30 14:20:48 · 13208 阅读 · 0 评论 -
JS前台鍵值對的使用 : JSON序列化數據(查詢JSON數據是否包含需要查找的鍵)
var dic = { a: 1, b: 2 }; if (dic.hasOwnProperty("a")) { dic["a"] += 1; alert(dic["a"]); }原创 2018-03-29 17:39:32 · 332 阅读 · 0 评论 -
Json對象與序列化的Json string使用——字符串與JSON的互相轉換
var myViewModelJson = { a: 1, b: 2 }; var oJson1 = ko.toJS(myViewModelJson);//轉換對對象,可以直接從對象中獲取數據,如:oJson1.a(可用於獲取後台的JSON數據) var oJson2 = ko.toJSON(myViewModelJson);//這是個JSON的字符串,無法直接獲取值(可用於傳輸...原创 2018-03-29 17:56:53 · 239 阅读 · 0 评论 -
js数字转换为float,取N个小数
javascript中的变量都是弱类型,所有的变量都声明为var,在类型转换过程中就没有java那么方便,它是通过 parseInt(变量)、parseFloat(变量)等方法来进行类型转换的。注意:没有parseDouble(变量)这种类型转换,因为在javascript中不分单精度float和双精度double,凡事有小数的变量都认为是float,因此要取小数后的n位,要用方法toFixed(...原创 2018-03-06 17:32:51 · 14753 阅读 · 0 评论 -
select标签的动态赋值
function getSelectInfo() { $.ajax({ type: "post", url: "/C/C/GetSelectData", async: false, data: {}, data...原创 2018-03-19 15:59:59 · 13306 阅读 · 2 评论 -
Js实现div跟着鼠标的移动
html>html lang="en">head> meta charset="UTF-8"> title>title> style> *{ margin: 0; padding: 0; } #div1{ width: 0; h转载 2018-01-23 08:55:22 · 433 阅读 · 0 评论