当在做项目时，通常我们会大量的使用母版页，使用母版页的好处显而易见，但通常在内容页中嵌套母版页时，我们还要在内容页中调用css样式和 javascript函数，好处有了，问题也来了。有两种解决方法，第一种就是在母版页的头部<head></head>标记中，嵌入所有css样式和javascript函数，这样做使得母版页的内容非常庞大，如果其中的一些内容页并不需要其中的css样式和js函数，在页面加载时，还是会去从母版页中加载，所以这种方案虽然可行，但并不完美。方案二：就是在母版页的头部<head></head>标记中放入<asp:ContentPlaceHolder id="head" runat="server"> </asp:ContentPlaceHolder>控件，在内容页中再添加一个< asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">控件，ID属性设为<asp:ContentPlaceHolder>的ID值。这样就可以在内容页中嵌入css样式和js函数了。下面是代码，我的开发环境是Microsoft Visual Studio 2008.
母版页代码：
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="indexPage.master.cs"
Inherits="indexPage" %> <%@ Register Assembly="A ......
var
xmlDoc
=
null
;
function
parseXML
(
xmlUrl
)
{
try
{
//IE
xmlDoc
=
new
ActiveXObject
(
"Microsoft.XMLDOM"
);
xmlDoc
.
async
=
false
;
xmlDoc
.
load
(
xmlUrl
);
}
catch
(
e
)
{
try
{
//
Firefox
,
Mozilla
,
Opera
,
etc
.
xmlDoc
=
document
.
implementation
.
createDocument
(
""
,
""
,
null
);
xmlDoc
.
async
=
false
;
xmlDoc
.
load
(
xmlUrl
);
}
catch
(
e
)
{
try
{
//
google
,
Safari
var
xmlhttp
=
new
window
.
XMLHttpRequest
();
xmlhttp
.
open
(
"GET"
,
xmlUrl
,
false
);
xmlhttp
.
send
(
null
);
......
var
xmlDoc
=
null
;
function
parseXML
(
xmlUrl
)
{
try
{
//IE
xmlDoc
=
new
ActiveXObject
(
"Microsoft.XMLDOM"
);
xmlDoc
.
async
=
false
;
xmlDoc
.
load
(
xmlUrl
);
}
catch
(
e
)
{
try
{
//
Firefox
,
Mozilla
,
Opera
,
etc
.
xmlDoc
=
document
.
implementation
.
createDocument
(
""
,
""
,
null
);
xmlDoc
.
async
=
false
;
xmlDoc
.
load
(
xmlUrl
);
}
catch
(
e
)
{
try
{
//
google
,
Safari
var
xmlhttp
=
new
window
.
XMLHttpRequest
();
xmlhttp
.
open
(
"GET"
,
xmlUrl
,
false
);
xmlhttp
.
send
(
null
);
......
面向对象的语言多数都支持继承，继承最重要的优点就是代码复用，从而构建大型软件系统。如果一个类能够重用另一个类的属性和或方法，就称之为继承。
从这个角度来看看js的继承方式。js中继承方式与写类方式息息相关。不同的写类方式造成不同的继承方式。各种流行js库继承方式也各不相同。从最简单的
复用开始。
1、构造函数写类，通过方法调用复制父类属性给子类
实现继承
这里父类，子类都用构造函数方式写，不用原型。子类调用父类函数来复制父类的属性。
/**
* 父类Polygon:多边形
* @param {Object} sides
*/
function Polygon(sides) {
this.sides = sides;
this.setSides = function(s) {this.sides=s;}
}
/**
* 子类Triangle:三角形
*/
function Triangle() {
this.tempfun = Polygon;//父类引用赋值给子类的一个属性tempfun
this.tempfun(3);//调用
delete this.tempfun;//删除该属性
this.getArea = function(){};
}
//new个对象
var tri = new Triangle();
console.log(tri.sides);//继承的属性
console.log(tri.setSides);//继承的方法
console.log(tri.getArea);//自有的方法
//缺点是对于Triangle的实例对象用instanceo ......
2、原型方式写类，原型方式继承
core js自身的对象系统就是采用原型方式(prototype based)继承的。或者说core
js没有采用常见的类继承(class
based)系统，而是使用原型继承来实现自己的对象系统。工作中我们也可以用原型方式来实现继承，代码复用以构建自己的功能模块。
/**
* 父类Polygon:多边形
*
*/
function Polygon() {}
Polygon.prototype.sides = 0;
Polygon.prototype.setSides = function(s) {this.sides=s;}
/**
* 子类Triangle:三角形
*/
function Triangle() {}
Triangle.prototype = new Polygon();//关键一句
Triangle.prototype.getArea = function(){}
//new个对象
var tri = new Triangle();
console.log(tri.sides);//继承的属性
console.log(tri.setSides);//继承的方法
console.log(tri.getArea);//自有方法
//instanceof测试
console.log(tri instanceof Triangle);//true，表明该对象是三角形
console.log(tri instanceof Polygon);//true，表明三角形也是多边形
虽然从输出可以看出子类继承了父类Polygon的属性sides和方法setSides，但sides是0，怎么会是三角形呢。还得调用下
tri.setSides(3)使之成为三角形。这� ......
JavaScript事件大全
click() 对象.click() 使对象被点击。
closed 对象.closed 对象窗口是否已关闭true/false
clearTimeout(对象) 清除已设置的setTimeout对象
clearInterval(对象) 清除已设置的setInterval对象
confirm("提示信息") 弹出确认框，确定返回true取消返回false
cursor:样式 更改鼠标样式 hand crosshair text wait help default auto
e/s/w/n-resize
event.clientX 返回最后一次点击鼠标X坐标值；
event.clientY 返回最后一次点击鼠标Y坐标值；
event.offsetX 返回当前鼠标悬停X坐标值
event.offsetY 返回当前鼠标悬停Y坐标值
document.write(document.lastModified) 网页最后一次更新时间
document.ondblclick=x 当双击鼠标产生事件
document.onmousedown=x 单击鼠标键产生事件
document.body.scrollTop; 返回和设置当前竖向滚动条的坐标值，须与函数配合
,
document.body.scrollLeft; 返回和设置当前横向滚动务的坐标值，须与函数配
合，
document.title document.title="message"; 当前窗口的标题栏文字
document.bgcolor document.bgcolor="颜色值"; 改变窗口背景颜� ......
3、组合构造函数/原型方式写类，采用前面种方式继承
这种方式父类，子类的属性都挂在构造函数里，方法都挂在原型上。
/**
* 父类Polygon:多边形
*/
function Polygon(sides) {
this.sides = sides;
}
Polygon.prototype.setSides = function(s) {this.sides=s;}
/**
* Triangle 三角形
* @param {Object} base 底
* @param {Object} height 高
*/
function Triangle(base,height) {
Polygon.call(this,3);//复制父类属性给自己
this.base = base;
this.height = height;
}
Triangle.prototype = new Polygon();//复制父类方法给自己
Triangle.prototype.getArea = function(){ //最后定义自己的方法
return this.base*this.height/2;
}
//new个对象
var tri = new Triangle(12,4);
console.log(tri.sides);//继承的属性
console.log(tri.setSides);//继承的方法
console.log(tri.base);//自有属性
console.log(tri.height);//自有属性
console.log(tri.getArea);//自有方法
//instanceof测试，表明正确的维护了"is a"的关系
console.log(tri instanceof Triangle);//true，表明该对象是三角形
console.log(tri instance ......
最新文章 :