原型链: 构造函数中都有一个prototype属性指针,这个指针指向原型对象,而创建的实例也有指向这个原型对象的指针__proto__。当实例查找方法时先在实例上找,找不到再通过__proto__到原型对象上查找。如果原型对象是另一个类型的实例,那么原型对象包含一个指向另一个原型对象的指针、另一个原型对象中也包含指向另一个构造函数的指针。原型连继承function superValue(){this.superValue = "superValue"; }superValue.prototype...
Javascript声明变量时var aaa = 111;和aaa = 111;两种方式一样吗?废话少说,先上代码.var aaa = 11;function test4(){var aaa = 22; }test4();console.log(aaa);结果是什么呢? 11这个好理解, 函数内的var aaa声明是内部变量,这时结果是第一个aaa的值.变动一下如下:var abc = 11;function test4(){abc = 22; }test4();console.log(abc);结果是什么呢? 22再改:function test4(){var aaa = 22; }test4();console.log(aaa);结果怎样? 运...
window对象alert() 显示带有一段消息和确认按钮的警告框 prompt() 显示可提示用户输入的对话框 confirm() 显示带有一段消息以及企鹅人按钮和取消按钮的对话框 open() 打开一个新的浏览器窗口或者找一个已命名的窗口 close() 关闭浏览器窗口 print() 打印当前窗口的内容 focus() 把键盘焦点给予一个窗口 blur() 把键盘焦点从顶层窗口移开 moveBy() 可相对窗口的当前坐标把他移动指定的像素 moveTo() 把窗口的左上角移动...
这又是一个新的开始,对象的重要性不言而喻。在JavaScript中创建对象是十分容易的,之前聊过的对象字面量和构造函数都可以达到目的。但是本篇中,我们越过那些方法,以寻求一些额外的对象创建模式。 本篇内容,我们将学到命名空间(namespace),依赖声明(dependency declaration)、模块模式(module pattern)、沙箱模式(sandbox pattern)。它们都可以帮助您组织应用程序代码的结构,并且降低隐含的全局变量带来的后果。其...
<style> div { width: 100px; height: 100px; background-color: red; } </style> <script>var div = document.querySelector(‘div’);div.addEventListener(‘click’,function(event){ //event就是一个事件对象,写到我们的侦听函数的括号里面,当做一个形参来看 //事件对象只有了事件才会存在,是系统自动给我们创建的,不需要...
1<!DOCTYPE html> 2<html> 3<head> 4<meta charset="UTF-8"> 5<title>js的Date对象</title> 6<script type="text/javascript"> 7var date =new Date();8 document.write("当前日期:"+ date);9// toLocaleString()方法,根据本地时间格式,把Date对象转换为字符串10 document.write("<br />格式化 toLocaleString()方法:"+ date.toLocaleString()); 11// getFullYear()方法,得到当前的四位数年份12 ...
Razor 将C#对象转换成Javascript对象在Razor中使用Json字符串,特殊字符被自动转义(如:\"->")@{var jsonStr = Html.Raw(JsonUtil.ToJson(VieBag.data)); } <script> var data = JSON.parse(@jsonStr); </script> ViewBag.Data = list;<script type="text/javascript">//将数据对象转换为 JSON 格式,是为了在网页中通过使用JS将数据作为文本进行处理var data = @Html.Raw(Json.Encode(ViewBag.Data));for (var i = 0; i < ...
一、BOM对象 1.window对象——表示整个浏览器窗口 常用方法: a)alert()——系统消息框 alert(‘Hello World‘); b)确认对话框——confirm() confirm("确定要删除吗) 该方法返回一个boolean值,如果点击ok返回true,点击...
×目录[1]静态方法[2]构造函数[3]实例方法前面的话 Date对象是javascript语言中内置的数据类型,用于提供日期和时间的操作接口。Date对象是在早期java中的java.util.Date类基础上创建的,为此,Date类型使用自UTC1970年1月1日0点开始经过的毫秒数来保存日期,它可以表示的时间范围是1970年1月1日0点前后的各1亿天。本文将详细介绍Date对象的用法 静态方法 在介绍Date对象的构造函数之前,先介绍静态方法。因为,Date对象的静态...
1. 复杂数据类型 Object ECMAScript中的对象其实就是一组数据(属性)和功能(方法)的集合。 1) 创建Object实例: 1.使用构造函数创建,new Object() var person = new Object(); person.name = "briup"; person.age = 22; 2.使用对象字面量表示法 不同的属性之间用‘,‘分割,属性名和属性值之间用‘:‘分割 var person = { name : "briup",...
1.第一种创建对象的方式:先定义类再创建对象 // 第一种创建对象的方式:先定义类再创建对象 function stu(sno, name, age){ this.sno = sno; this.name = name; this.age = age; this.study = function(){ alert("学号为"+this.sno+"的学生,姓名叫做"+this.name+",正在努力学习,年龄为"+this.age); } } var a = new stu(1,‘wang‘,23); a.study(); 2.第二种创建对象的方...
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>OOP</title><script type="text/javascript">function myOOP() {alert(this.a);alert(this.b);}var a = 12;window.b = 2;window.onload = function(){var c = [1,2,3,4,5,6];var d = 7;c.e = 8;c.f = function () {alert(this.e);};c.f();this.myOOP();window.myOOP();myOOP();};</script> </head> <body> </body> </html> 原文:http://www.cnblogs.com/fen...
初学者经常碰到的,即获取HTML元素集合,循环给元素添加事件。在事件响应函数中(event handler)获取对应的索引。但每次获取的都是最后一次循环的索引。原因是初学者并未理解JavaScript的闭包特性。有个网友问了个问题,如下的html,为什么点击所有的段落p输出都是5,而不是alert出对应的0,1,2,3,4。1. <!DOCTYPE HTML>2. <html>3. <head>4. <meta charset="utf-8" />5. <title>闭包演示</title>6. <style type="text/css"...
一、继承 js并没有继承这一个现有的机制,所以我们所说的继承是通过JS本身的机制去实现的。1、类式继承 1// 类式继承 2 3// 父类 4function SuperClass () {5this.superValue = true 6}7 8// 为父类原型添加方法 9 SuperClass.prototype.getSuperValue = function (arguments) { 10returnthis.superValue 11} 1213// 声明子类14function SubClass () { 15this.subValue = false16} 1718// 继承父类19 SubClass.prototype = new S...
事件对象event 如果是事件处理函数绑定的函数,浏览器会默认传递一个参数,event对象。而这个对象会根据触发的事件判断是鼠标事件还是键盘事件 //鼠标事件1 document.onclick=function(evt){ 2 alert(evt); //键盘事件3 }//键盘事件1 document.onkeydown=function(evt){ 2 alert(evt); //键盘事件3 } 由于IE浏览器和W3C浏览器获取event对象有不兼容的地方,所以...