3、Javascript学习 - IT软件人员学习系列文章

接下来,我们开始进入Javascript语言的学习。

Javascript语言是一种解释性的语言,不同于ASP.NET、C#语言的这种编译性的语言。它随着HTML网页的发布而发布,就是说嵌入到HTML页面中进行运行。

下面是一段简单的Javascript语言:

<script type=”text/javascript”>

alert(“Hello World”);

</script>

上面的Javascript脚本将显示一个对话框,并提示显示“Hello World”字符串。

一、Javascript脚本在页面中的嵌入方式有三种:

1、文件链接嵌入方式。在HTML页面的head标记内进行嵌入。

<script src="scripts/jQuery/jquery-1.11.1.js"></script>

上述的标记告诉HTML页面引擎在对应的目录下找到Javascript脚本语言文件并运行之。

2、HTML页面嵌入方式。在HTML页面上进行嵌入(放在HTML页面的head和body内)。

<script type="text/javascript">

var test = "";

var str = $.JSFn.PlugInInfo.Name;

$("#Label1").html(str);

</script>

上述Javascript脚本语言将设置Label1标记的内容。

3、直接在HTML标记属性嵌入。在HTML标记内进行嵌入Javascript脚本。

<input type=”button” id=”btnOK” onclick=”javascript:alert(“Hello World”);” />

上述的脚本嵌入在按钮标记属性内部,点击按钮将显示对话框。

二、Javascript语言概述

Javascript语言是大小写敏感的,所以在事件onclick和onClick是不一样的,这个要注意,当发现脚本错误的时候,检查脚本大小写问题。Javascript包括六种数据类型:Number、String、Boolean、Undefined、Null和Function型。

三、Javascript语言的编程。

引用命名空间的概念,JavaScript的这些概念全部都是处于window这个命名空间下面的。

下面通过程序举例说明:

变量:

<script type="text/javascript" language="javascript">

var oopVar=new String("JavaScript Variable OOP");

document.write(oopVar);

document.write("<br><br>");

window.oopVar ="Window.oopVar";

document.write(oopVar);

</script>

函数:

<script type="text/javascript" language="javascript">

function OOPFunction()

{

return new String("JavaScript Function OOP");

}

document.write(window.OOPFunction());

</script>

对象:

<script type="text/javascript" language="javascript">

function OOPObject()

{

this.title=new String("JavaScript Object OOP");

}

var oopOjbect=new OOPObject ();

document.write(window.oopOjbect.title);

</script>

以上的代码印证了JavaScript的所有全局变量、全局函数和全局对象都是基于window这个命名空间的,或者也可以说是基于window这个基类的。

下面说说JavaScript语言中另一个重要的概念:匿名函数。举例如下:

<script type="text/javascript" language="javascript">

function()

{

this.title=new String("JavaScript Anonymity Function OOP");

}

</script>

与其说是匿名函数,不过是JavaScript语言中一个重要而特殊的概念,即没有函数名称的函数就称为匿名函数。

这里我再做说明,匿名函数的作用域同样是基于window这个命名空间的,只不过在语法上,我们无法通过函数名称的调用来调用匿名函数。但是匿名函数可以按下面的写法运行:

<script type="text/javascript" language="javascript">

(function()

{

Var title=new String("JavaScript Anonymity Function OOP");

document.write(title);

})();

</script>

我们无法通过函数名称来调用匿名函数,但是可以通过指针来间接运行匿名函数,举例如下:

<script type="text/javascript" language="javascript">

var anonyObject=new function()

{

this.title=new String("JavaScript Anonymity Function OOP");

this.AnonyFunction=function()

{

return this.title;

}

};

document.write(window.anonyObject.title);

document.write("<br><br>");

document.write(window.anonyObject.AnonyFunction());

</script>

例子中,第一行,anonyObject这个对象指向的是一个匿名函数。而对象是基于window命名空间的,所以可以通过 第10行和第14行来调用这个匿名函数的内容。注意,这里的anonyObject是一个对象,与下面这个函数是不一样的:

<script type="text/javascript" language="javascript">

function AnonyObjcet ()

{

this.title=new String("JavaScript Anonymity Function OOP");

this.AnonyFunction=function()

{

return this.title;

}

};

var anonyObject=new AnonyObjcet();

</script>

这个例子中,可以认为anonyObject对象指向的是AnonyObjcet这个名称的函数。

匿名函数的好处有很多,以后再说。

四、Javascript的相关框架。

现在Javascript有很多个框架,比如ExtJS、jQuery、YUI等等,后续我们会对jQuery这个框架进行介绍。

下面提供Javascript学习所需要看的书籍:

http://pan.baidu.com/s/1ntMFOMH

时间: 2024-10-12 12:12:07

3、Javascript学习 - IT软件人员学习系列文章的相关文章

1、HTML学习 - IT软件人员学习系列文章

本文做为<IT软件人员学习系列文章>的第一篇,将从最基本的开始进行描述,了解的人完全可以跳过本文(后面会介绍一些工具). 今天讲讲Web开发中最基础的内容:HTML(超文本标记语言).HTML的内容是文本,就象我们在文本文档中记录内容一样. 一.最基本例子. 下面是一个最基本的HTML页面文本内容(代码一): <html> <head> <title>这个HTML页面</title> </head> <body> 这是HT

开篇:IT软件人员学习的书籍 - IT软件人员书籍系列文章

读书是一件快乐的事情. 读书能够增长知识,了解社会,了解人类的思想,继而转换成智慧.无论是什么人,都需要读书,多读书,读好书,同时也要把书中的精髓记录下来,一个是当做读后感,一个是为以后如果忘记了回头翻看能快速找回来. IT软件人员同样要多读书,多找能增进知识,增进技术的书来看.现在市场上有很多IT软件类的书籍,鱼龙混杂,林子大了什么书都有.所以,要从这些书中找到合适自己的书来阅读.但是,因为现在的书籍都比较贵,一本至少几十块钱,要购买相关的书籍需要付出不少费用.所以,关键是找到好书,如果是电子

5、软件架构师要阅读的书籍 - IT软件人员书籍系列文章

软件架构师在项目中的地位是不言而喻的,其对于项目的需求要相对比较了解,然后对项目代码的结构需要做到覆盖全面.本文就说说作为一个软件架构师需要阅读的一些书籍. 当然,这些书籍都来源于网络,是笔者收集整理的,希望能够对大家有帮助.特别是现在网络上对软件架构师介绍的网站不是很多,所以软件架构师要学习的书籍也就尤其重要了.前面笔者写过一个文IT从业者的学习规划 - 学习者系列文章开篇,这里根据4个阶段对技术层面做了描述,另外,也曾经写过一个文:IT软件人员的技术路线(写给技术迷茫中的你) - 项目管理系

开篇:IT软件人员使用到的工具 - IT软件人员工具系列文章

IT软件人员在实际的工作过程中,总会使用到各种各样的工具.这些工具有些是流行的工具,有些是软件人员自己找到的工具,有些是开源的工具,有些是软件人员自己开发的工具.工具的多少,并不代表软件人员的水平,但是能够帮助软件人员更好的工作,更好的完成工作任务. 本系列文章就是从IT软件人员使用的工具入手,介绍使用到的工具,一方面是总结大家在使用的工具,另一方面是介绍有些大家没使用到的,开源的工具.本系列文章没有放在学习者系列中做介绍,是为了更好的总结出好的工具,更好的把最好的工具发布给大家使用. 笔者在以

2、CSS学习 - IT软件人员学习系列文章

上文我们讲了HTML,本文讲讲CSS. 上次我们讲了CSS是HTML页面的装修部分,就是各种瓷砖.粉墙.说明了CSS在HTML页面中的重要地位.没有CSS,那么HTML页面将很粗糙,就象我们的毛呸房一样.下面开始讲CSS的相关内容. CSS的内容很简单,就是选择器,属性,属性值.下面是一条简单的CSS内容. #nav { color:red; } 上面的CSS内容设置了nav这个HTML页面标签的字体颜色. 一.CSS文件的嵌入有3种形式:文件嵌入,页面嵌入,HTML标签嵌入. 1.文件嵌入.在

9、数据库工程师要阅读的书籍 - IT软件人员书籍系列文章

数据库设计是软件项目底层的工作,它关系到软件项目的基础内容设计问题.数据库工程师的工作,就是设计数据库,维护数据库,优化数据库,这个跟DBA数据库助手的工作类似.现在的数据库有好几种了,比如MS SQL SERVER,ORACLE,MySQL,DB2等主流的关系型数据库,还有其它的非关系型数据库比如MongoDB等.但是,无论关系型还是非关系型,都是需要数据库工程师学习和关注的,特别是现在的非关系型数据库的兴起,也算是数据库领域的一大亮点吧. 数据工程师要学习的内容也比较多,不仅仅在于设计数据库

11、项目经理要阅读的书籍 - IT软件人员书籍系列文章

项目经理是负责软件项目的总体把控的角色.项目经理在项目中是一个管理者的角色,他需要对项目的9大领域进行学习,同时针对项目的范围.进度.沟通和风险进行处理,让项目能够按时保质保量的完成. 项目经理需要学习的知识很多,除了项目管理经验外,还需要根据项目情况对项目各个业务领域知识进行学习,更好的对项目的业务进行处理,这样才能够写出更好的项目解决方案说明书,更好的服务于项目.下面将项目经理需要阅读的书籍提供下载: http://pan.baidu.com/s/1hsoBYJi

4、界面前端设计师要阅读的书籍 - IT软件人员书籍系列文章

前端工程师原来的职位是美工,原来只负责项目的一些简单网页制作,因为项目的需要,升级为前端工程师,这就涉及到JS等代码的编写了.前端工程师这个职位在目前来说算是新兴职位,在未来的几年里也是挺吃香的一个职位. 前端工程师要阅读的书籍不怎么多,但是也会涉及到前端代码的编写,比如JS.所以前端工程师也要阅读JS方面的书籍,当然要包括任何前端相关的书籍,在移动端上就是界面的设计了.在项目过程中,按笔者的经验,前端工程师要负责软件原型的设计制作,所以在项目前期,前端工程师的工作还是比较多的了. 前端工程师要

14、SEO工程师要阅读的书籍 - IT软件人员书籍系列文章

SEO工程师是Web项目中比较重要的一个角色.他主要负责网站的针对搜索引擎的优化方案的编写和实施.因为现在网站数量庞大,在全世界的这么多网站当中,想要让用户访问你的网站,就需要一些技巧性的内容.很多用户都是通过搜索引擎搜索到他们需要的网站,比如电商购物,技术学习等等. 所以,在如此庞大的网站当中,SEO工程师就需要针对公司的网站进行搜索引擎优化,让搜索引擎能够保存网站的相关网页,让更多的人能够通过搜素引擎搜索到公司的网站.现在的搜索引擎数量也比较多,但是SEO工程师更多的是针对谷歌和百度这两个搜