1)三者 call()、apply() 都是用来重定义 this 这个对象的!2)call 、 apply 传入参数存在差异: apply()方法 接收两个参数,一个是函数运行的作用域(this),另一个是参数数组。 语法:apply([thisObj [,argArray] ]);,调用一个对象的一个方法,2另一个对象替换当前对象;说明:如果argArray不是一个有效数组或不是arguments对象,那么将导致一个 TypeError,如果没有提供argArray和thisObj任何一个参数,那么Global对象将...
介绍本章,我们将讲解在ECMAScript向函数function传递参数的策略。计算机科学里对这种策略一般称为“evaluation strategy”(大叔注:有的人说翻译成求值策略,有的人翻译成赋值策略,通看下面的内容,我觉得称为赋值策略更为恰当,anyway,标题还是写成大家容易理解的求值策略吧),例如在编程语言为求值或者计算表达式设置规则。向函数传递参数的策略是一个特殊的case。http://dmitrysoshnikov.com/ecmascript/chapter-8-evaluat...
面向对象
面向过程与面向对象编程1、面向过程:所有的工作都是现写现用。2、面向对象:是一种编程思想,许多功能事先已经编写好了,在使用时,只需要关注功能的运用,而不需要这个功能的具体实现过程。javascript对象
将相关的变量和函数组合成一个整体,这个整体叫做对象,对象中的变量叫做属性,变量中的函数叫做方法。javascript中的对象类似字典。创建对象的方法
1、单体<script type="text/javascript">
var Tom = {name : ...
HTML5的audio标签提供了我们方便控制声音的功能,但是使用原生的HTML5来开发声音或者音乐相关的项目仍旧非常的麻烦,在今天这篇文章中,我们将介绍5款帮助你简化开发的javascript audio类库,相信合理的使用能够帮助你高效的开发基于html5 audio的应用和项目,希望大家觉得有帮助!SoundManager 2soundmanager2绝对是一个产品级别的javascript audio解决方案,支持HTML5并且兼容老的flash。帮助大家使用一套统一API来实现跨平台(...
这个系列的第一部分介绍了Javascript模块的基本写法,今天介绍如何规范地使用模块。七、模块的规范
先想一想,为什么模块很重要?
因为有了模块,我们就可以更方便地使用别人的代码,想要什么功能,就加载什么模块。
但是,这样做有一个前提,那就是大家必须以同样的方式编写模块,否则你有你的写法,我有我的写法,岂不是乱了套!考虑到Javascript模块现在还没有官方规范,这一点就更重要了。
目前,通行的Javascript模块规范共有...
js的内部类javascript 中本身提供一些,可以直接使用的类,这种类就是内部类,主要有:ObjectArrayMathBooleanStringRegExpDateNumber 1、内部类分类从使用的方式看:分为动态类和静态类(1) 动态类 使用 var对象 = new 动态类() 对象属性|方法var newdate = new Date();
//显示当前日期
window.alert(newdate.toLocaleString());(2) 静态类 使用 类名.属性|方法比如:Mathwindow.alert(Math.abs(-12)); 2、Math Math是静态类,提...
// 创建一个Dog构造函数function Dog(name, age) { // ①this.name = namethis.age = age
}Dog.prototype.eat = function() { // ②console.log(‘肉骨头真好吃‘)
}// 使用Dog构造函数创建dog实例
const dog = new Dog(‘旺财‘, 3) 图by 修言dog.__proto__和Dog.prototype 均指向function Dog,也就是①原文:https://www.cnblogs.com/ww01/p/12098398.html
1.打开网页,网页效果如图所示 代码如下: 1<!DOCTYPE html> 2<html> 3<head> 4<meta charset="utf-8"> 5<title>随机变色</title> 6<style type="text/css"> 7 #box{ 8 width: 200px; 9 height: 200px;10 border: 1px solid red;11}12</style>13</head>14<body>1516<div id="box"></div>17<script type="text/javascript">18// 获取元素对象19var obj1 = document.getElementById("box")...
<!DOCTYPE html><html><head lang="en"><meta charset="UTF-8"><title></title></head><body><h1>第一个界面</h1><a href="js02history.html">当前页面</a><a href="js03history.html">下一个页面</a><a href="javascript:history.forward()">forward()前进一个界面</a><a href="javascript:history.go(1)">go(1)前进一个界面</a></body></html>01.history属性界面1<!DOCTYPE html><html><head lang="en"><meta charset="UTF-8"><t...
1. 1// Since JavaScript doesn‘t exactly have sub-class objects, prototype is a useful workaround to make a “base class” object of certain functions that act as objects. For example: 2var Person = function() {3this.canTalk = true;4 };5 6 Person.prototype.greet = function() {7if (this.canTalk) {8 console.log(‘Hi, I am ‘ + this.name);9 }
10 };
1112var Employee = function(n...
1. 事件处理1.1. 绑定事件方式(1)行内绑定 语法: //最常用的使用方式
<元素 事件=”事件处理程序”>(2)动态绑定
//结构+样式+行为分离的页面(html+css+js事件)
语法:
对象.事件=事件处理程序行内绑定和动态绑定的重要区别:以上程序是不可用的,点击div时,执行test函数,这时,test中的this表示window对象
因为:
我们定义test函数,实际上相应于在window对象下定义了test属性
test(); —> 相当于 wi...
项目中时常会需要用到使用JavaScript来动态控制为元素(:before,:after)的样式,但是我们都知道JavaScript或jQuery并没有伪类选择器。这里总结一下几种常见的方法。HTML<p class="red">Hi, this is a plain-old, sad-looking paragraph tag.</p>
CSS.red::before {content: ‘red‘;color: red;}
方法一:使用JavaScript或者jQuery切换<p>元素的类名,修改样式。.green::before {content: ‘green‘;color: green;}$(‘p‘).remove...
定义和用法eval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码。语法eval(string)返回值通过计算 string 得到的值(如果有的话)。说明该方法只接受原始字符串作为参数,如果 string 参数不是原始字符串,那么该方法将不作任何改变地返回。因此请不要为 eval() 函数传递 String 对象来作为参数。如果试图覆盖 eval 属性或把 eval() 方法赋予另一个属性,并通过该属性调用它,则 ECMAScript 实现允许抛出一个 EvalError ...
JavaScript是一种广泛用于Web客户端开发的脚本语言,常用来控制浏览器的DOM树,给HTML网页添加动态功能。目前JavaScript遵循的web标准的是ECMAScript262。由于JavaScript提供了丰富的内置函数、良好的对象机制。所以JavaScript还可以嵌入到某一种宿主语言中,弥补宿主语言的表现力,从而实现快速、灵活、可定制的开发。 软件程序应用javascript 现有的主流浏览器基本上都实现了一个自己的JavaScript引擎。这些JavaScript引擎可以分...
一、javascript组成:1、ECMAScript 解释器2、DOM (文档对象模型:document object model) document3、BOM(浏览器对象模型:brower object model) window二、数据类型函数typeof :查看对象的数据类型numberstringbooleanfunctionobjectundefine三、数据类型转换显示类型转换(强制类型转换)parseInt:整数转换parseFloat:浮点数转换isNaN:is not a number 是否为非数字隐式类型转换==:先转换类型,再比较===:不转换类型...