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...
function stopBubble(e) {if (e && e.stopPropagation) {//如果传入了事件对象,那么就是非IE浏览器 e.stopPropagation();} else {window.event.cancelBubble = true;//使用IE的方式来取消事件冒泡 }}function stopDefault(e) {if (e && e.preventDefault) {e.preventDefault();//防止默认浏览器行为(W3C)} else {window.event.returnValue = false;}returnfalse;}function addEvent(element, type, h...