前言：在前端开发中经常会需要用到检测变量数据类型的需求，比如：判断一个变量是否为undefined或者null来进行下一步的操作，今天在阅读“编写高质量代码-改善JavaScript程序的188个建议”这本书的时候看到这个比较好的方法，在此小记一笔以备在以后的开发中使用。1：如下所示是我编写的演示代码<!DOCTYPE html><html><head><meta charset="utf-8"/><title>Index Page</title><script type="text/javascript">/*安全检测JavaScript...
JavaScript页面加载后自动执行JavaScript和jQuery中关于页面加载完成自动执行有以下几种写法：//第一种
window.onload = function(){};
//第二种
$(document).ready(function(){});
$(function(){});
//第三种
$(window).ready(function(){});
//第四种 <body onload="alertXXX(‘body‘)">
//第五种
document.readyState = function(){};
<!DOCTYPE html>
<html lang="en" dir="ltr"><head><meta charset="utf-8"><title>页面加载...
call 方法调用一个对象的一个方法，以另一个对象替换当前对象。call([thisObj[,arg1[, arg2[, [,.argN]]]]])参数thisObj可选项。将被用作当前对象的对象。arg1, arg2, , argN可选项。将被传递方法参数序列。说明call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。如果没有提供 thisObj 参数，那么 Global 对象被用作 thisObj笔记：其实就是更改对象...
javascript 过滤中文汉字和 过滤中文汉字和中文符号的方法 过滤中文汉字 var hebingdatastr="无法为“var reg = /[\u4e00-\u9fa5]/g;hebingdatastr = hebingdatastr.replace(reg, ""); 过滤汉字和中文符号 var hebingdatastr="ef啦啦，。。d28";
var reg = /[^\x00-\xff]/g;
hebingdatastr = hebingdatastr.replace(reg, "");
alert(hebingdatastr); 原文：https://www.cnblogs.com/newmiracle/p/12656031.html
仅记录学习的新知识和示例，无干货。1.setAttribute和getAttribute （Attribute：属性）setAttribute：为元素添加指定的属性，并为其赋值；如果指定的属性已经存在，则仅设置或改变它的值。调用方法：element.setAttribute(attributeName,attributeValue)这是一个方法，无返回值，IE8及以下不支持。getAttribute：返回指定属性名的属性值。调用方法：element.getAttribute(attributeName)返回值为字符串总结：attributeNa...
实现要点 ● 对于 Chrome、Firefox、IE10 使用 FileReader 来实现。● 对于 IE6~9 使用滤镜 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader 来实现。 实现代码 <!DOCTYPE html> <html><head><meta http-equiv="Content-Type" content="text/html;charset=utf-8" /><style type="text/css"> #preview, .img, img { width:200px; height:200px; } #preview {border:1px solid #000;} </style> </head><body> <div id="p...
ECMAScript 5还新增了两个归并数组的方法：reduce()和reduceRight()。这两个方法都会迭代数组的所有项，然后构建一个最终返回的值。其中，reduce()方法从数组的第一项开始，逐个遍历到最后。而reduceRight()则从数组的最后一项开始，向前遍历到第一项。reduce()和reduceRight()函数接收4个参数：前一个值 当前值 项的索引 数组对象。这个函数返回任何值都会作为第一个参数自动传给下一项。第一次迭代发生在数组的第二项上，因此...
javaScript 的组合继承1，使用 call 方法 定义：调用一个对象的一个方法，以另一个对象替换当前对象。<!DOCTYPE html>
<html><head><title>借用构造函数</title><meta name="keywords" content="keyword1,keyword2,keyword3"><meta name="description" content="this is my page"><meta name="content-type" content="text/html; charset=gbk"><!--<link rel="stylesheet" type="text/css" href="./styles.css">--></head>...
1、什么是闭包闭包，官方对闭包的解释是：一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。闭包的特点：1. 作为一个函数变量的一个引用，当函数返回时，其处于激活状态。2. 一个闭包就是当一个函数返回时，一个没有释放资源的栈区。简单的说，Javascript允许使用内部函数—即函数定义和函数表达式位于另一个函数的函数体内。而且，这些内部函数可以访问它们所在的外部函数中...
indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。lastIndexOf() 方法可返回一个指定的字符串值最后出现的位置，在一个字符串中的指定位置从后向前搜索。 语法：indexOf() ： stringObject.indexOf(searchvalue,fromindex) lastIndexOf() ： stringObject.lastIndexOf(searchvalue,fromindex) 参数描述searchvalue必需。规定需检索的字符串值。fromindexindexOf()：可选的整数参数。规定在字符串中开始...
个人理解：var b = x.test(y); y是否存在模式x中，返回true或false；x可以是正则，字符串，原文：http://www.cnblogs.com/oiliu/p/4865906.html
在网站前端设计时，通过键盘来控制页面状态的变化，比如up,down,pageUp,pageDown等来进行网站的滚动。目前，html5的发展带来了新的游戏体验，因此按键操作必不可少。1.监听鼠标按键。任何按键操作必然有个监听者和响应者，因此鼠标按键也不例外。在js事件操作中,onMousedown用来监听鼠标按键操作。<!--demo.html-->
<html>
<head>
<title>js判断鼠标左、中、右键哪个被点击-柯乐义</title>
<script type="text/javascript">
functi...
原文链接：https://www.cnblogs.com/jocyci/p/5508279.html 原理：高级浏览器支持forEach方法语法：forEach和map都支持2个参数：一个是回调函数（item,index,list）和上下文；forEach:用来遍历数组中的每一项；这个方法执行是没有返回值的，对原来数组也没有影响；数组中有几项，那么传递进去的匿名回调函数就需要执行几次；每一次执行匿名函数的时候，还给其传递了三个参数值：数组中的当前项item,当前项的索引index,原始数组inpu...
前面我们一共介绍了四种方法用来封装对象（工厂，构造模式，原型模式，构造+原型），并且重点对构造函数+原型模式做了一些改进，使之更加完美，那么除了这几种方法， 还有两种方式用来封装对象，还是那句话，选择适合自己的（其实每种方法都各有利弊，在我刚开始学习时总感觉就是拆东墙补西墙）。首先来看第一种方法function Person(name,age){var o=new Object();o.name=name;o.age=age;o.sayName=function(){console.log(this.na...
用iframe、弹出子页面刷新父页面iframeJs代码 <script language=JavaScript> parent.location.reload(); </script> 弹出子页面Js代码 <script language=JavaScript> window.opener.location.reload(); </script> 子窗口刷新父窗口Js代码 <script language=JavaScript> self.opener.location.reload(); </script> 刷新以open()方法打开的窗口Js代码 <script language=JavaScript> window.opener.loca...
这次给大家带来怎样使用JS中console['']输入方法，使用JS中console['']输入方法的注意事项有哪些，下面就是实战案例，一起来看一下。![怎样使用JS中console['']输入方法 - 文章图片](/upload/getfiles/0001/2021/4/22/20210422052241983.jpg)
![怎样使用JS中console['']输入方法 - 文章图片](/upload/getfiles/0001/2021/4/22/20210422052242039.jpg)
![怎样使用JS中console['']输入方法 - 文章图片](/upload/getfiles/0001/2021/4/22/20210422052242105.jpg)
![怎样使用JS中console['']输入方法 - 文章图片](/upload/getfiles/0001/2021/4/22/20210422052242160.jpg)
![怎样使用JS中console['']输入方法 - 文章图片](/upload/getfiles/0001/2021/4/22/20210422052242241.jpg)
![怎样使用JS中console['']输入方法 - 文章图片](/upload/getfiles/0001/2021/4/22/20210422052242272.jpg)
![怎样使用JS中console['']输入方法 - 文章图片](/upload/getfiles/0001/2021/4/22/20210422052242351.jpg)
![怎样使用JS中console['']输入方法 - 文章图片](/upload/getfiles/0001/2021/4/22/20210422052242407.jpg)
![怎样使用JS中console['']输入方法 - 文章图片](/upload/getfiles/0001/2021/4/22/20210422052242463.jpg)
![怎样使用JS中console['']输入方法 - 文章图片](/upload/getfiles/0001/2021/4/22/20210422052242518.jpg)
![怎样使用JS中console['']输入方法 - 文章图片](/upload/getfiles/0001/2021/4/22/20210422052242575.jpg)