![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Js
约德尔蒙
本人博客大部分为自己总结的, 难免有一些错误,请大家多多查阅多多对比,欢迎指正!
展开
-
BigNumber 4舍5入
!原创 2022-12-28 16:03:50 · 1020 阅读 · 0 评论 -
js xss 过滤基本正则(只能过滤基本常用的)
let a = html.replace(/<script/g, "&lt;script").replace(/script>/g, 'script&gt;').replace(/<img/g, "&lt;img").replace(/<script.*>.*<\/script.*>/g, "").replace(/on(error|m...原创 2020-05-18 15:50:14 · 3536 阅读 · 0 评论 -
正则标记关键字(模拟搜索结果关键字变色)
let str = 'sql'; let content = 'sql的撒发大发sql看看竣工报告一姑娘sql注入'; let reslutDom = content.replace(new RegExp(str,'g'), "<font color='red'>$&</font>"); console.info(reslutDom);...原创 2020-04-15 14:23:53 · 447 阅读 · 0 评论 -
javascript 过滤字符串中script并且替换掉 xss注入攻击
function scriptReplace(str) { if (new RegExp(".*?script[^>]*?.*?(<\/.*?script.*?>)*", "ig").test(str)) {//包含 var str1 = str.replace('script', '</*script*/>');//替换的内容 return st...原创 2019-12-05 14:45:40 · 2101 阅读 · 0 评论 -
js 移动端适配 (动态rem)
(function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function () {原创 2017-08-22 09:04:51 · 657 阅读 · 0 评论 -
js和jquery的数组过滤 grep()和filter() 数组去重 去 null undefind
filter原创 2017-09-14 20:46:11 · 10507 阅读 · 0 评论 -
getClientRects 和 getBoundingClientRect 的用法和区别
getClientRects获取元素占据页面的所有矩形区域 描述获取元素占据页面的所有矩形区域。语法 var rectCollection = object.getClientRects();值getClientRects 返回一个TextRectangle集合,就是TextRectangleList对象。TextRectangle对象包含了, top转载 2017-09-11 14:52:42 · 282 阅读 · 0 评论 -
js data 日期转换大全
有时候做项目会用到js的date日期格式,因为Date()返回的格式不是我们需要的,Date()返回格式:Thu Mar 19 2015 12:00:00 GMT+0800 (中国标准时间)而我们则需要这样的格式:2015-3-19 12:00:00除非是在后台处理好时间格式,然后在页面直接显示。那如何用j转载 2017-11-27 19:46:38 · 3413 阅读 · 0 评论 -
js获取url(window.location)
window.location属性 描述 hash 设置或获取 href 属性中在井号“#”后面的分段。 host 设置或获取 location 或 URL 的 hostname 和 port 号码。 hostname 设置或获取 location 或 URL 的主机名称部分。 href 设置或获取整个 URL 为字符串。 pathname 设置或获取对象指定的文件名或路径。 port 设置或获取原创 2017-08-23 14:17:46 · 923 阅读 · 0 评论 -
非常简易的 上拉刷新
window.addEventListener('scroll',function(){ var scrollTop = $(this).scrollTop(); var scrollHeight = $(document).height(); var windowHeight = $(this).height(); if(scrollTop + windowH原创 2017-08-22 19:17:53 · 277 阅读 · 0 评论 -
防止浏览器记住用户名及密码的简单实用方法
内容来自:http://www.jb51.net/article/35878.htm如何设置能禁止浏览器自动保存表单信息,比如用户名,密码? 现在很多浏览器都有自动填写功能,我在input上使用了autocomplete="off",但在有的浏览器上还是被记住了用户名跟密码,请问有没有更有效及简便的方法来防止浏览器记住用户名及密码? 1、针对浏览器记住密码 1).首先大部分浏览转载 2017-08-09 21:40:28 · 559 阅读 · 0 评论 -
原生js拖拽与吸附(touch+translate+css3)
<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title></title> <meta name="viewport" content="width=device-width, init原创 2017-07-03 21:56:47 · 1726 阅读 · 0 评论 -
JS基础继承(面向对象思想)
javascript继承基础标签: javascriptclassfunctionprototypedeleteobject2008-02-07 20:12 472人阅读 评论(0) 收藏 举报 分类:javascript(5) 版权声明:本文为博主原创文章,未经博主允许不得转载。 /*(JavaScript高级程序设计读书笔记)转载 2017-02-08 15:01:06 · 202 阅读 · 0 评论 -
js基础 概念
1.JavaScript的typeof返回那些数据类型Object number function boolean underfind2.例举3种强制类型转换和2种隐式类型转换强制类型(parseInt(解析不同的字符串返回数子), parseFloat(parseFloat 是全局函数,不属于任何对象。parseFloat 将它的字符串参数解析成为浮点数并返 回。),number原创 2016-12-08 15:58:54 · 282 阅读 · 0 评论 -
js模仿微信联系人 定位和字母悬浮
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, mi原创 2017-09-12 15:25:35 · 1598 阅读 · 2 评论 -
js中的闭包
闭包 //要理解闭包,首先必须理解Javascript特殊的变量作用域。 //变量的作用域无非就是两种:全局变量和局部变量。 //Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。 //Js代码 //var a=666; //function fn(){ // console.info(a); //} //fn(); // 666转载 2017-10-16 10:39:23 · 480 阅读 · 0 评论 -
js检测类型;检测引用类型 (instanceof)
检测类型:要检测一个变量是不是基本数据类型?typeof 操作符是最佳的工具。说得更具体一点, typeof 操作符是确定一个变量是字符串、数值、布尔值,还是 undefined 的最佳工具。如果变量的值是一个对象或 null ,则 typeof 操作符会像下面例子中所示的那样返回 "object" :var s = "Nicholas";var b = true;var i = 22...原创 2019-07-17 13:58:23 · 857 阅读 · 0 评论 -
js数组的迭代方法(filter, every, some, forEach)
/*数组的迭代方法*///every() 对数组中每一项运行给定函数,如果该函数'每一项'都返回true 则返回true;var numbers = [3,2,3,4,5,4,3,2,1];var everyResult = numbers.every(function(item,index,array) { // item不满足条件的值 index不满足条件的值的索引 array传入的数...原创 2019-07-18 10:37:00 · 334 阅读 · 0 评论 -
理解apply()和call()的使用方法区别
JavaScript中的每一个Function对象都有一个apply()方法和一个call()方法,它们的语法分别为:/*apply()方法*/function.apply(thisObj[, argArray])/*call()方法*/function.call(thisObj[, arg1[, arg2[, [,...argN]]]]);它们各自的定义:apply:调用一个对...转载 2019-05-15 15:53:05 · 1498 阅读 · 0 评论 -
JS中的 arguments
arguments对象和Function是分不开的。因为arguments这个对象不能显式创建,arguments对象只有函数开始时才可用;类型: 百度解释为伪数组;;;;;;;;;;;;;;arguments 对象不是一个真正的数组,它类似于数组,没有数组所特有的属性和方法,除了length。例如没有pop 方法。不过可以将其转换为数组;function test() { co...原创 2019-04-18 14:36:55 · 171 阅读 · 0 评论 -
js scroll底部悬浮和顶部悬浮 (未封装)
function scrollCon(){ window.addEventListener("scroll",function(e){ $('.overEnterBox').addClass('publicFixBottom');//默认固定在底部 //变量t就是滚动条滚动时,到顶部的距离 var t =document.documentElement.scrollTop||doc...原创 2018-09-19 13:52:03 · 1433 阅读 · 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> &l原创 2018-09-15 16:08:13 · 469 阅读 · 0 评论 -
原生js判断IE浏览器版本
// 判断IE浏览器版本 function IEVersion() { var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("...原创 2018-08-24 11:56:58 · 4649 阅读 · 2 评论 -
js获取和设置光标位置input和textare 兼容>=IE7
// 获取光标位置函数 input和textarea通用 谷歌 火狐 --IE7及以上 function getPositionForCursor(proDom) {//proDom 原生dom对象 var CaretPos = 0; if (document.selection) { // IE ...原创 2018-07-25 11:13:57 · 752 阅读 · 0 评论 -
js截取某个字段后面的字符串
var str = 'p2p-dafei'; console.log(str.split("p2p-")[1]);//截取p2p-后面的所有参数原创 2018-05-15 09:45:35 · 33601 阅读 · 1 评论 -
js获取当前时间 年-月-日 时:分:秒
function getNowFormatDate() {//获取当前时间 var date = new Date(); var seperator1 = "-"; var seperator2 = ":"; var month = date.getMonth() + 1<10? "0"+(date.getMonth() + 1):date.getMonth() + 1; var...原创 2018-04-27 14:48:27 · 31039 阅读 · 1 评论 -
js操作 光标定位在文本后面 (适用于富文本编辑器)
function placeCaretAtEnd(jsDom) { //传入光标要去的jsDom节点 jsDom.focus(); if (typeof window.getSelection != "undefined" && typeof document.createRange != "undefined") { var range = ...原创 2018-05-03 09:33:45 · 5403 阅读 · 2 评论 -
IE8 上传图片 预览 (兼容)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><form action原创 2018-03-23 17:23:36 · 3192 阅读 · 1 评论 -
js事件对象event pageY screenY clientY
Title //-----------------------------事件体验-------------------- //点击页面的任何部分 document.onclick = function (event) { //兼容写法 event = event || window.event;//原创 2016-11-20 17:45:45 · 884 阅读 · 0 评论 -
js冒泡体验跟取消
Title .box1 { width: 500px; height: 500px; background-color: pink; } .box2 { width: 300px; height: 300px;原创 2016-11-20 17:45:00 · 340 阅读 · 0 评论 -
js浏览器区域 宽高 可视宽高 client家族等
Title//---------------------------client家族---------------------- //clientWidth和clientHeight var box = document.getElementsByTagName("div")[0]; //不包括margin和borde原创 2016-11-20 17:44:18 · 507 阅读 · 0 评论 -
js数组 添加 删除 替换 排序 反转
//---------------------数组的添加和删除------------------------- var arr = ["关羽","张飞","刘备"]; var arr2 = [1,2,3]; console.log(arr); // //在数组的最末尾添加元素(返回新数组的长度原创 2016-11-20 17:25:35 · 825 阅读 · 0 评论 -
js数据类型 及转换
//--------------------js中的数据类型------------------------------// var str = "abc"; //字符串// var num = 18; //数字// var bool = true; //bool类型// var bbb = null; //空字符串// var aa原创 2016-11-20 17:24:17 · 269 阅读 · 0 评论 -
js属性方法操作 访问关系
我爱你中国//---------------------------js中的属性方法操作--------------------- //两种方式不能交换使用,赋值和获取值必须使用用一种方法。 var div = document.getElementById("box"); //元素节点.属性(元素节点[属性]):绑定的属原创 2016-11-20 17:23:43 · 258 阅读 · 0 评论 -
js事件监听 解绑 添加兼容写法
赋诗//-----------------------------------事件的概述---------------------- var btn = document.getElementsByTagName("button")[0]; //第一种事件绑定的方法容易被层叠。 // btn.onclick = f原创 2016-11-20 17:22:58 · 1753 阅读 · 0 评论 -
js事件 拓展 onload事件
div { width: 100px; height: 100px; background-color: pink; cursor: pointer; } .aaa { background-color: red; }原创 2016-11-20 17:21:15 · 271 阅读 · 0 评论 -
js判断语句 for while循环
//-----------------if判断--------------------------------// if(条件){// 满足条件输出// } if(true){ alert(1); } if(false){ alert(2);原创 2016-11-20 17:18:30 · 2155 阅读 · 0 评论 -
js(匿名 递归 回调)函数 定时器
//---------------------------js匿名函数----------------------- //匿名函数。 // (function (){ // console.log(1); // })原创 2016-11-20 17:17:24 · 2411 阅读 · 0 评论 -
js冒泡排序原理
//----------------------简单版(冒泡排序)----------------- var arr = [7,6,5,4,3,2,1]; //需求:冒泡排序。 //理论:1.比较轮数n-1。 2.比较次数n-1。 3.符合某个条件交换位置。 //核心:双重for循环。 //步骤:原创 2016-11-20 17:16:17 · 3964 阅读 · 5 评论 -
js浏览器-BOM的内置对像操作 页面的全屏 后退
点击我可以穿件一个新的页面 点击我可以关闭本页面 点击我跳转到百度 //新窗口 = window.open(地址,是否开新窗口,新窗口的参数); var a1 = document.getElementsByTagName原创 2016-11-20 17:15:32 · 1666 阅读 · 0 评论