js 函数对象中原型方法跟对象方法

2024-10-29

分析 js构造函数：对象方法、类方法、原型方法

构造函数方法有对象方法.类方法.原型方法,这些方法在什么时候可以调用,什么时候不能调用,为什么? function Func(name){ this.name=name; this.ff=function(){ //对象方法 console.log(this.name); }; } Func.ff2=function(name){//类方法 console.log(name); } Func.prototype.ff3=function(){//原型方法 console.log(this.nam

JavaScript的事件对象中的特殊属性和方法（鼠标，键盘）

鼠标操作导致的事件对象中的特殊属性和方法鼠标事件是 Web 上面最常用的一类事件,毕竟鼠标还是最主要的定位设备.那么通过事件对象可以获取到鼠标按钮信息和屏幕坐标获取等鼠标按钮只有在主鼠标按钮被单击时(常规一般是鼠标左键)才会触发 click 事件,因此检测按钮的信息并不是必要的但对于 mousedown 和 mouseup 事件来说,则在其 event 对象存在一个 button 属性,表示按下或释放按钮 <script type="text/javascript">

JS函数可以再添加属性（包括方法）

1 前言 JS函数可以再添加属性(包括方法),这个有点有趣,记录一下. 2 代码 <!DOCTYPE html> <html> <head> <title>Test canvs</title> <script type="text/javascript"> function gameLoop(){ console.log("%cI am red","background-color:r

3个js函数变成数组本身的3个方法

<!DOCTYPE html> 3个js函数变成数组本身的3个方法 /** * 稀疏数组变成不稀疏数组 * @params array arr 稀疏数组 * @return arry 不稀疏的数组 */ Array.prototype.noSparse = function(arr){ var resArr=[];//创建空数组 for(var i=0;i<=arr.length;i++){ if(arr[i]!==undefined){ resArr.push(arr[i]) }

JS--事件对象中部份浏览器不兼容方法

测试时主要用的浏览器是Firefox 28.0.IE11.IE8.Chrome 34.0 一.什么是事件对象:当触发某个事件的时候,会产生一个事件对象,这个对象包含着所有的与事件有关的信息,包括导致事件的元素.事件的类型.以及其它与特定事件相关的信息. 事件对象:我们一般称作为event对象,这个对象是浏览器通过函数把这个对象作为参数传递过来的,可以通过arguments来获得函数传递过来的参数. function box(){ alert(arguments.length); } box()

测开之路九十九：js函数、事件、window窗体对象

函数:function 函数名(参数列表) 事件单击:onclick()表单提交:onsubmit()鼠标经过:onmouseover()值改表时:onchange() window窗体对象转跳:window.location = url 警告框:alert() 确认框:confirm("messge"),返回true 和false 接收用户输入 prompt("请输入内容", "默认值") <!DOCTYPE html><h

Javascript 对象继承原型链继承对象冒充 call 混合方式

一.原型链继承 function ClassA() {} ClassA.prototype.color = "blue"; ClassA.prototype.sayColor = function () { alert(this.color); }; function ClassB() {} //继承ClassA的原型内容 ClassB.prototype = new ClassA(); 这样ClassB的实例化对象b有个_prop_属性指向了ClassB.prototype,而其本身

easyui 弹出框调用外部js函数提示“Microsoft JScript 运行时错误: 缺少对象”

昨天遇见一个很诡异的问题我用easyui做了一个网站,其中有一个a页面和一个b页面,我通过easyui的window功能,在a页面中弹出了一个b页面,在b页面中,我用到了一个外部js的函数c,我在b页面中我也引用了这个js文件,但是每次js代码走到函数c时,就是提示“Microsoft JScript 运行时错误: 缺少对象”,明明引用了js,为什么还提示没有对象呢?真是活见鬼了,结果折腾了好长一段时间后,我才猛然发现,必须要在a页面中引用那个外部Js文件啊! 就是这么一个简单的问题,卡了我2

Date 对象中的 getYear 和 getFullYear方法

生成一个新的日期对象 : var someDate=new Date(); 获取日期月份中的天数: var date=someDate.getDate(); 获取 4 位数的年份: var year=date.getFullyear(); 留意:此时,必须使用getFullYear()方法,如果使用 getYear(),则返回的是一个3位数.

极其简单的用JS在浏览器中创建下载文件的方法

有这样一个需求,在js中动态创建一个页面,然后下载该页面为word文档,研究了一上午,最后发现实现起来如此简单. 在js中创建如下方法:(直接复制即可) function downloadFile(fileName, content){ var aLink = document.createElement('a'); var blob = new Blob([content]); var evt = document.createEvent("HTMLEvents"); evt.ini

JS获取URL中参数值的4种方法

方法一:正则法 function getQueryString(name) { var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i'); var r = window.location.search.substr(1).match(reg); if (r != null) { return unescape(r[2]); } return null;}// 这样调用:alert(GetQueryString("

原生js模拟jquery中的addClass和removeClass方法

js代码: //添加类 function addClass(obj,className) { if(obj.className == '') { //如果没有class obj.className = className; }else { var strClass = obj.className; var arrClass = strClass.split(' '); var arr = []; var index = arrIndex(arrClass,className); if(index

JS ECMAScript 5中的every 和 some方法进行逻辑判断

ECMA Script 5 中新增两个不错的关于数组元素的逻辑运算方法some, every Array.some(function(item){}); Array.every(function(item){}); every方法表示当数组每个元素在判定函数中都返回true,则最终结果为true,相当于逻辑运算符 &&, some则当其中一个返回true,则最终结果为true, 相当于逻辑运算符||. 以下来举例说明: var items = [1, 2, 3, 4, 5]; var re

在自定义的js验证规则中调用magento的VarienForm方法验证表单

js部分<script type="text/javascript"> //<![CDATA[ var loginForm = new VarienForm('login-form', true); $('login-email').observe('keypress', bindLoginPost); $('login-password').observe('keypress', bindLoginPost); function bindLoginPost(evt)

苹果浏览器Safari对JS函数库中newDate()函数中的参数的解析中不支持形如“2020-01-01”形式

苹果浏览器safari对new Date('1937-01-01')不支持,用.replace(/-/g, "/")函数替换掉中划线即可如果不做处理,会报错:invalid date 本解决方案参考:http://stackoverflow.com/questions/4310953/invalid-date-in-safari

用JS获取地址栏中的参数的简易方法

这个方法用起来超级简单,传入参数即可直接获取地址栏中的参数代码如下 function GetQueryString(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if(r!=null)return unescape(r[2]); return null; }

mybatis插入一个对象后获取表中自增的主键Id并且传入到插入的的对象中，方便将对象中其他属性赋值给其他以前表主键Id作为非空字段的表

原本的sql语句为: <insert id="xx" parameterType="com.hrt.partner.model.ShopInsert"> *********** </insert> 需要在其中加入2个属性如下: <insert id="xx" useGeneratedKeys="true" keyProperty="teamId"> ***********

JS对象中的原型

对象的原型:每个对象都连接一个原型对象,并且它可以从中继承属性.所有通过对象字面量创建的对象都连接到object.prototype.当你创建一个新对象时,你可以选择某个对象作为它的原型.原型连接在更新时不起作用.当我们对某个对象作出改变时,不会触及该对象的原型.原型连接只有在检索值的时候才被用到.如果我们尝试去获取对象的某个属性值,但该对象没有此属性名,那么JS会试着从原型对象中获取属性值,如果那个原型对象也没有该属性,那么再从它的原型中找,以此类推,直到该过程最后到达终点Object.pro

JS高级---为内置对象添加原型方法

为内置对象添加原型方法我们能否为系统的对象的原型中添加方法, 相当于在改变源码我希望字符串中有一个倒序字符串的方法 //我希望字符串中有一个倒序字符串的方法 String.prototype.myReverse = function () { for (var i = this.length - 1; i >= 0; i--) { console.log(this[i]); } }; var str = "abcdefg"; str.myReverse(); 为Array

JS内置对象的原型不能重定义？只能动态添加属性或方法？

昨天马上就快下班了,坐在我对面的同事突然问我一个问题,我说“爱过”,哈哈,开个玩笑.情况是这样的,他发现JS的内置对象的原型好像不能通过字面量对象的形式进行覆盖, 只能动态的为内置对象的原型添加属性或方法,下面那个具体的例子说明: var arr=[]; Array.prototype={ push:function(){ alert("); } }; arr.push(); //没有任何输出有人可能会说了“你先定义的arr,后来又修改了Array.prototype,这时Array.prot

Js基础知识7-JavaScript所有内置对象属性和方法汇总

对象什么的,程序员可是有很多呢... JS三大对象对象,是任何一个开发者都无法绕开和逃避的话题,她似乎有些深不可测,但如此伟大和巧妙的存在,一定值得你去摸索.发现.征服. 我们都知道,JavaScript有3大对象,分别是本地对象.内置对象和宿主对象. 在此引用ECMA-262(ECMAScript的制定标准)对于他们的定义: 本地对象与宿主无关,独立于宿主环境的ECMAScript实现提供的对象. 简单来说,本地对象就是 ECMA-262 定义的类(引用类型). 这些引用类型在运行过程中需

js 函数对象中原型方法跟对象方法

热门专题