软件开发培训班 >> 编程开发 >> JavaScript

Javascript 使用function定义构造函数

　　本文标签：function,构造函数

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
<html> 
    <head> 
        <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
        <title>使用构造函数创建JavaScript对象 -- JavaScript教程</title>         
    </head> 
    <body> 
        <p>构造函数法创建JavaScript对象</P> 
        <script type="text/javascript"> 
        //定义构造函数 
        function Site(url, name) 
        { 
         this.url = "www.jb51.net"; 
         this.name ="脚本之家"; 
        } 
         
        //使用构造函数产生一个JavaScript对象的实例 
        var mysite = new Site(); 
        alert(mysite.url); 
        </script> 
         
        <p>直接法创建JavaScript对象</P> 
        <script type="text/javascript"> 
        var site = {}; 
        site.URL = "www.jb51.net"; 
        site.name = "脚本之家"; 
        site.englishname = "jb51"; 
        site.author = "脚本"; 
        site.summary = "免费的网页设计教程"; 
        site.pagescount = 100; 
        site.isOK = true; 
        site.startdate = new Date(2005, 12); 
        site.say = function(){alert(this.englishname+" say : hello world!")}; 
        site.age = function(){var theage=(new Date().getFullYear())-site.startdate.getFullYear();alert(this.name+"已经"+theage+"岁了!")} 
        site.age(); 
        </script> 
        <div style="margin-top:5em"><form method="post" action="#"><input type="button" name="dreamduinput" id="dreamduinput" style="border-width: 1px;color: #fff;background-color: #4289cb;" value="----上面的内容就对应着下面的代码,修改代码,并点我,查看一下效果吧!----" onClick="RunCode(dreamdutest)">
<textarea name="dreamdutest" id="dreamdutest" rows="20" cols="120"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
<html> 
    <head> 
        <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
        <title>使用构造函数创建JavaScript对象</title>         
    </head> 
    <body> 
        <script type="text/javascript"> 
        //定义构造函数 
        function Site(url, name) 
        { 
         this.url = "www.jb51.net"; 
         this.name ="梦之都"; 
        } 
         
        //使用构造函数产生一个JavaScript对象的实例 
        var mysite = new Site(); 
        alert(mysite.url); 
        </script> 
         
        <p>直接法创建JavaScript对象</p> 
        <script type="text/javascript"> 
        var site = {}; 
        site.URL = "www.jb51.net"; 
        site.name = "梦之都"; 
        site.englishname = "dreamdu"; 
        site.author = "可爱的猴子"; 
        site.summary = "免费的网页设计教程"; 
        site.pagescount = 100; 
        site.isOK = true; 
        site.startdate = new Date(2005, 12); 
        site.say = function(){alert(this.englishname+" say : hello world!")}; 
        site.age = function(){var theage=(new Date().getFullYear())-site.startdate.getFullYear();alert(this.name+"已经"+theage+"岁了!")} 
        site.age(); 
        </script> 
         
    </body> 
</html></textarea></form></div> 
</body> 
</html>

打不过，放暗箭！58同城借反垄断声讨贝壳，这招有用？	绽放百变的魅力秋季人像摄影实战指南
国产接连翻车，某豆搞大尺度被喷？盘点2024年第一季度那些翻车的游戏	消息称米哈游两度试图绕开30%“苹果抽成税” 试图获得更多利润

技术文章快速查找

javascript阻止scroll事件多次执行的思路及实现

封装的原生javascript弹出层代码

JavaScript中this关键字使用方法详解

javascript cookie操作类的实现代码小结附使用方法

js创建对象的几种常用方式小结(推荐)

如何使用jquery动态加载js,css文件实现代码

JS的事件绑定深入认识

用JavaScript对JSON进行模式匹配 (Part 2 - 实现)

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建