javascript
sinat_29326171
这个作者很懒,什么都没留下…
展开
-
JS实现Html转义和反转义(html编码和解码)的方法总结
1、JS实现html转义和反转义主要有两种方式:1)、利用用浏览器内部转换器实现html转义;2)、用正则表达式实现html转义;2、封装的JS工具类:var HtmlUtil = { /*1.用浏览器内部转换器实现html编码(转义)*/ htmlEncode:function (html){ //1.首先动态创建一个容器标签元素,如DIV var temp = document.createElement ("div转载 2021-10-26 10:55:42 · 10008 阅读 · 0 评论 -
web开发中,对url键值对的处理。
在web开发中,经常出现需求。例如url : http://localhost/test/test.html?id=5&search=sea转化成: [“id” : 5, “search” : “sea”]实现方法如下:function getArgs() {var args = []; // 存放结果的数组var qs = location.search.leng...转载 2020-02-19 17:08:58 · 244 阅读 · 0 评论 -
layui 表格 table 示例
<table class="all-users" id="all-users" lay-filter="all-users"></table><script type="text/html" class="all-users-caozuo" id='caozuofff'> <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a> <a class="layui-btn lay原创 2021-05-12 16:50:04 · 439 阅读 · 0 评论 -
js 昨天,前天等某天日期
// 根据今天 返回 某天,比如 昨天,参数num=1 返回日期为 2020-7-8function fff(num){ let today = new Date() let oneDay = new Date(today) oneDay.setDate(oneDay.getDate() - num) let myDate = new Date( oneDay ); let result = myDate.getFullYear()+'-'+(myDate.getMont.原创 2021-05-09 23:10:41 · 65 阅读 · 0 评论 -
layui的插件,省市县区三级联动下拉选择器
layui的插件,省市县区三级联动下拉选择器https://fly.layui.com/extend/layarea/#download原创 2021-04-08 17:05:01 · 263 阅读 · 0 评论 -
jquery 判断两个日期差
function GetDateDiff1(startTime, endTime, diffType) {//将xxxx-xx-xx的时间格式,转换为 xxxx/xx/xx的格式startTime = startTime.replace(/\-/g, "/");endTime = endTime.replace(/\-/g, "/");//将计算间隔类性字符转换为小写diffType = diffType.toLowerCase();var sTime = new Date(startT转载 2021-03-08 22:25:57 · 471 阅读 · 0 评论 -
javascript 类单页面的 信息提交 验证码
单页面的 信息提交 验证码javascript 类class Form { constructor(btn, name, phone, code, getCode) { this.btn = document.getElementsByClassName(btn)[0], this.name = document.getElementsByClassName(name)[0], this.phone = document.get原创 2021-03-04 15:49:40 · 306 阅读 · 2 评论 -
网页 桌面消息提醒,右下角出现通知框,html5桌面通知,notification的使用,右下角出现通知框
网页 桌面消息提醒得要用 HTTPS 访问,谷歌浏览器,360极速浏览器,QQ浏览器 得要允许网站【通知】,火狐浏览器没弹窗提示2021-3-2浏览器测试。<button id='ffcvvvvf'>Notify mef!</button><script type="text/javascript">function aaafff(){ console.log(Notification.permission)if (!("Notification" in原创 2021-03-02 11:53:27 · 794 阅读 · 0 评论 -
jq 实现点击按钮出现div,点击空白又消失,点击要显示的元素不隐藏
用 javascript 实现;https://blog.csdn.net/weixin_43853424/article/details/85320029<!DOCTYPE html><html><script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <head> <meta charset="utf-8"> <原创 2020-12-25 14:30:18 · 836 阅读 · 0 评论 -
【jq】prop和attr的区别
prop 对于HTML元素本身就带有的固有属性 attr 对于HTML元素我们自定义的加在标签中的属性<a href="http://www.baidu.com" target="_self" class="btn">百度</a>这个例子里元素的DOM属性有“href、target和class",这些属性就是元素本身就带有的属性,也是W3C标准里就包含有这几个属性,或者说在IDE里能够智能提示出的属性,这些就叫做固有属性。处理这些属性时,建议使用prop方法。<转载 2020-09-21 23:51:42 · 129 阅读 · 0 评论 -
js 设置 手机端,电脑端自适应
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <meta name="viewport" content="width=device-width,initial-scale=1"><script>function adjustFontsiz原创 2020-09-08 13:40:48 · 630 阅读 · 0 评论 -
js 脚本去除 空格 回车 换行
function iGetInnerText(testStr) { var resultStr = testStr.replace(/\ +/g, ""); //去掉空格 resultStr = testStr.replace(/[ ]/g, ""); //去掉空格 resultStr = testStr.replace(/[\r\n]/g, ""); //去掉回车换行 return resultStr; }...原创 2020-06-17 15:24:02 · 751 阅读 · 0 评论 -
获取 json对象个数
console.log(Object.getOwnPropertyNames(msg).length);console.log(Object.keys(msg['2020-06-06']).length);原创 2020-06-06 15:47:39 · 1892 阅读 · 0 评论 -
如何用【jQuery】获得【select】的值
1.获取第一个option的值$('#test option:first').val();2.最后一个option的值$('#test option:last').val();3.获取第二个option的值$('#test option:eq(1)').val();4.获取选中的值$('#test').val();$('#test option:selected').val...转载 2020-04-29 13:57:03 · 130 阅读 · 0 评论 -
【JS,PHP】【中文姓名】【手机号】,正则验证
var phoneReg = /(^1[3|4|5|7|8|9]\d{9}$)|(^09\d{8}$)/;var nameReg = /^[\u4E00-\u9FA5]{2,4}$/;//姓名 2-4位var nameReg = /^[\u4E00-\u9FA5]{2,8}$/;//姓名 2-8位var str='';nameReg .test(str);原创 2020-04-23 14:06:57 · 226 阅读 · 0 评论 -
【javascript】响应式布局
<script type="text/javascript"> /*响应式布局 start*/ function setRootFontSize() { var width = document.documentElement.clientWidth, fontSize; if (width > 6...原创 2020-04-14 15:50:03 · 253 阅读 · 0 评论 -
【javascript】常用【函数】大全
转载https://blog.csdn.net/WuLex/article/details/83339674?depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-2&utm_source=distribute.pc_relevant.none-task-blog-BlogCommendF...转载 2020-04-09 10:53:43 · 144 阅读 · 0 评论 -
【ajax-2020/4/3】$.ajax示例-及详解
$.ajax示例-及详解$.ajax({ type: "POST", url: "url", data: {username:$("#username").val(),pard:$("#pard").val()}, dataType: "json", async:true, success: function(data){ ...转载 2020-04-03 10:48:23 · 238 阅读 · 0 评论 -
js-插件【日历,点击复制文本】
1jeDate日期控件原创 2020-03-29 23:15:28 · 177 阅读 · 0 评论 -
【 jQuery】$(document).on('click','要选择的元素',function(){})和$().click()的不同
jQuery的出现,大大简化了对dom的操作,但是如果不是仔细阅读api和进行操作,就不知道其中最大的优点和使用方式。就拿().click()和().click()和().click()和(document).on(‘click’,‘要选择的元素’,function(){})来说,都是点击事件的操作,但是也有不同的地方。 1. $(选择器).click(fn) 当选中的选择器被点击时触...转载 2020-03-28 23:21:25 · 1190 阅读 · 0 评论 -
Js Cookie 设置 、获取、 读取、删除
<!DOCTYPE html><html><head><script>function setCookie(cname,cvalue,exdays) { var d = new Date(); //d.setTime(d.getTime() + (exdays*24*60*60*1000));//一天 d.setTime(d.ge...原创 2020-03-25 11:16:23 · 90 阅读 · 0 评论 -
js cookie设置
<!DOCTYPE html><html><head><script>function setCookie(cname,cvalue,exdays) { var d = new Date(); //d.setTime(d.getTime() + (exdays*24*60*60*1000));//一天 d.setTime(d.ge...原创 2020-03-24 15:41:48 · 355 阅读 · 0 评论 -
jq 遍历元素 用for形式
jq 遍历元素 用for形式for (var i = $('.biaoji').length - 1; i >= 0; i--) { if($('.biaoji').eq(i).text()==''){ $('.biaoji').eq(i).append('否'); } }原创 2020-03-24 14:23:40 · 446 阅读 · 0 评论 -
return 在 javascript 里只能放在函数里面
return 在 javascript 里只能放在函数里面原创 2020-03-18 10:09:56 · 1241 阅读 · 0 评论 -
js判断是否是百度手机浏览器访问
function browser() {var sUserAgent = navigator.userAgent.toLowerCase();if(sUserAgent.indexOf(“baidu”) > 0) {alert(“百度浏览器”);}}转载 2020-03-16 20:08:11 · 1596 阅读 · 0 评论 -
jq判断是否含有某个 class
<p class="has_is" id="isd"></p>$('#isd').hasClass('has_is');//是否含有某个 class,有的话返回值true$('#isd').is('.has_is');//是否含有某个 class$('#isd').attr('class');//获取全部class...原创 2020-03-03 11:47:58 · 640 阅读 · 0 评论 -
jq设置字体点击变大缩小-自个编写
jq设置字体点击变大缩小自个编写//行内元素 不能设置宽度 padding,margin值<style type="text/css"> .font_zengjian span{ border: 1px solid #000; } .font-20{font-size: 20px;color: red;} .font-18{font-size: 18px;colo...原创 2020-03-03 11:41:01 · 919 阅读 · 0 评论 -
iscroll.js下载地址
iscroll.js下载地址https://github.com/cubiq/iscroll/tree/master/build转载 2020-02-26 11:01:59 · 1443 阅读 · 0 评论 -
手机h5 滑动 下一页
<script type="text/javascript"> $(function () { var all = 10; //后台返回总页面 var pageNum = 1;//定义初始页面 var pageSize = 10; // 每页显示的个数 ...转载 2020-02-26 10:43:24 · 6029 阅读 · 0 评论 -
js javascript 每隔某个时间显示隐藏,动态显示隐藏不同的信息
<script type="text/javascript"> /* toast start */ var area = ['北京', '广州', '郑州', '上海']; var person = ['赵先生', '吴女士', '高先生', '郑女士']; function showToast() { var area...原创 2020-02-18 09:55:44 · 654 阅读 · 0 评论 -
【php】 js里面插入PHP的变量
<?php $ff='hellophp你好';echo "<script>alert('ff的值是:$ff');</script>";//ff的值是:hellophp你好?>原创 2020-02-10 18:13:40 · 889 阅读 · 0 评论 -
原生 JS 实现 AJAX( Asynchronous JavaScript and XML) 跟 jQuery 实现 AJAX
一、原生 JS 实现 AJAX( Asynchronous JavaScript and XML)1.请求发送JS 实现 AJAX 主要基于浏览器提供的 XMLHttpRequest(XHR)类//getif (xhr) { xhr.open('GET', '/api?username=admin&password=root', true); xhr.send(null);...转载 2020-01-15 11:33:45 · 98 阅读 · 0 评论 -
JS回调函数实例——简单易懂有实例
<script type="text/javascript"> function title(value){//这是回调函数!!!! alert(value); } function main(title, value){//这个主函数:在参数列表中,title作为一个参数传递进来,也就是上文说的 参数化函数;然后value这个值正是title()函数中所需要的。 ...转载 2020-01-13 14:29:02 · 399 阅读 · 0 评论