2014年辛星web前端教程贺岁版第四本即Javascript教程

5星(超过95%的资源)
所需积分/C币:10 2014-10-22 10:29:17 2MB PDF
9
收藏 收藏
举报

这是辛星在2014年web前端教程贺岁版的第四本,也就是Javascript教程奥,希望对您有所帮助。
六六兴六六∷水出六六;六六六冫六六出;水水六;兴六六六六六六*六次次六水;兴; 目录 第零部分:提纲挈领 第一节:简介 Javascript. 第三节:必看 第一部分: Javascrⅰpt语法简介(默认读者有其他语言基础) 第一节:变量、数据类型、运算… 第二节:语句、函数、作用蜮…… 第三节:数组、对象、json ·D·●D●···●··D·鲁·●··鲁·D·D··●D·鲁·D。·。看··D·· 第二部分:DOM部分 第零节:说明 第一节:操纵html 第二节;操纵CS3… 第三节:事件 ·音··自D鲁。曲。。看··自B·,。自。鲁自。。。D。。看 第三部分:BOM部分 第委节:说明… 第一节:BOM简介.… ··········a··.··········:······················ 第二节:计肘、 cookie. 第三节: location. history. 第四节:总结 ···················自·· 3/80 第四部分:Ajax 第一节:Aja简介. 第二节:Ajax的具体实现 附录:我们的疑惑,求解答. 次次次六次兴次次次次六水次次六六次六★次次兴次次次水六次六次水次次兴次次次次六次次次六六次次次次次水兴次 4/80 第零部分:提纲挈领 第一节:简介 Javascript >小吹一下<<<<<<<<<<<<<<<<<< 要说到 Javascript的火爆程度,恐怕还真的没有几门语言敢与之比 肩,至少目前是这样。 2.它已经不仅仅是那个仅仅为了验证下表单、做个弹窗的玩具语言 了,而是一个能够跻身于web前端、后端、甚至连PDF阅读器上 都支持 Javascript,可以说,j的使用会越来越广泛。 3.当然啦,咱们不黑不吹,不过 Javascript的前景绝对不仅仅是用来 在前端写个网页特效那么简单。 4.不过单纯就网页的动态性上, Javascript就已经成为事实上的标准 了,其霸主地位谁能撼动?目前至少无人可以撼动其根基。 >>>>>>>>历史<<<<<<<<<<<<<<<<<<<<<<< 1.首先 Javascript是一门轻量级的解释型脚本语言,和其他语言一样 辶也是弱类型的。 2.宅最开始是在1995年由 Netscape公司的 Brendan Eich首次设计 实现而成,最初名字叫做 LiveScript 3.在 Netscape公司于Java语言的创始公司Sun公司合作肘,为了 能够“让宅看上去更像Java”,宅被更名为 Javascript,这也是为什 么它取了这么一个令人混乱的名字的原因。 4.在1997年,在ECMA(欧洲计算机制造商协会)的协调下,由 Netscape,Sun、 Microsoft、 Borland等公司制定了一个统一的标准 ECMA262,因此, Javascript也可以成为 ECMAScripto 5.咱们这里说的 Javascript,并不是真正意义上的 Javascript语法 而是泥杂了BOM、DOM与 ECMAScript语法的一个大杂烩。 >>>>>>>>>>个人感触<<<<<<<<<<<<<<<<< 1.作为一门脚本语言,本来就应该是简单易学易用的。 2.但是,我感觉它并不算是一门简洁的语言,而且我还感觉它是 门很混乱的语言。 5/80 3.它或许不算难,但是我依然感觉它很乱,而且感觉不够规范。 4.这里咱们不接触太底层的东西,主要就是学习下它的语法和帝见 应用以及一些高级特性。 >>>>>>>>>>>开发前的准备<<<<<<<<<<<<<<<< 1.和前面一样,我们只需要准备的就是一个文本编辑器和一个浏览 2.对于文本编辑器来说,我在写教程的肘候喜欢用那些简单小巧的 这里选择也是以 sublime为主 3.对于浏览器,我个人比较喜欢( hrome、 Firefox和 Opera,当然 首选自然是火狐啦。 >>>>>>>>>>>>第一个程序<<<<<<<<<<<<<<<<< 1.首先我们在浏览器中写入如下代码: star. html 1 <html> 2 <body> 3 <script type="text/javascript"> 4 a1ert("我是辛星,您好!") 5 /script /body> 7</htm1> 2然后我们看下在Opea浏览器下的效黑吧: Opera C star. html +这是opea下的效果 ++x EE file: ///D:/Users/Administrator/Desktop/star.html JavaScript提醒 我是辛星,您好! 确认 6/80 3.当然不同的浏览器的效果可能略有不同,不过性质都差不多,下 面是火狐浏览器的效果: 文什)料君Y位盒具 O file:///D: /Us.op/star. html + o file: ///D: /Users/Administrator/Desktop/star htr 百度cCtr+K 这个弹出框就是我们 的 Javascript代码做出 的效果了 我是辛星,您好! 确定 4.这里我们分析一下源代码吧,这里的<5rⅰpt>标签表示其内部写 的是 Javascript代码,通常来说我们可以放到body元隶的尾部,这 个习惯的由来是之前网页加载较慢的时候,一般都是先让网页加载 完毕,然后再去执行 Javascript代码。 5.这里的 alert我是辛星,慫好!勹;这行代码的含义就是抛出一个 弹窗,弹窗的文字就是“我是辛星,您好!”。 >>>>>>>>>>>>j5文件和hml文件的分离<<<<<<< 1.通过前面的学习,我们知道html文件和CS文件是可以分开的。 2.当然啦,js文件和html文件也是可以分开的,我们使用sipt这 个元素来导入j文件就可以了,我们给该元素的sr属性赋值就是 该j文件的地址。 3那么这个 script元素是不是依旧写到bod元亲中呢?答案是可以 的。当然,我们也可以把它放到head元素中去,也就是我们一般在 导入完毕CS文件之后就导入j文件。 4.我们就先在该目录下新建一个 star html文件和 star /S文件,我们 来个截图看看效果吧: 7/80 staslitmll stasis 做开发当然是使 用 Dreamweaver了, 但是写教程,还是使 用 sublime 5.我们在 star S中写入如下内容 文件编辑(E)选择S)查找(查看0转到(G)工具①项目巴) star. html starS 1a1ert("辛星永爱小倩") 它只需要写需要的js代码即可 6然后我们在 star htn中写入如下内容: star. html star小5 1 <htm1> <body> <script src="star. js" ></script> </body> 5</html> 通过sc来导入刚才写的js文件 7.然后我们看看效果吧 8/80 Opera Ostar.html 如果您看到了这个提示, 说明操作没问题 ++x B file: //D: /Users/Administrator/Desktop/star itml Javascript提醒 辛星永爱小售 确认 8.当然有人可能会河:此肘把mipt元素放到head元素中可以吗? 显然是可以的,比如代码如下: <html> <head> <script src="star. js"></script> /head> 5</htm1> 9.其实都可以放到htm元素外面去,都是可以的,比如代码如下 1 <script src="star. js" ></script> 2 <htmI> 3 <head> /head> 6</html 10.不过讲这些就有点没意思了,虽然宅们在执行上是没错的,但是 不是很推荐,毕竞代码是给大家看的嘛。 >>>>>>>控制台<<<<<<<<<<<<<<<<<<<<<<< 1.可能有写些基础的朋友们告诉我说:是不是在控制台写 Javascript 代码更纯粹些? 2.答案确实是这样的,我给朋友们个范例吧: 9/80 ' star html 中C即fe/ sers/Administrator/Desktop/ star htr JavaScript提醒 小…辛星永恒的追求 Q 0 Elements Network Sources Timeline Profiles Resources Audits Console )三 冒 top frame>7 Preserve log ) alert("小倩…辛星永恒的追求"); 在这里也会运行奥 在这里写 Javascr代码是不是 更加方便呢 3.当然啦,不过我们作为一个入门教程,这里并不会讲的太深,因 此我们并不会在这里写代码。 4.我们还是采用最传统的种在文本文件中写代码,然后让浏览器 去执行的那种方式,虽然很原始,但是很有效,不是吗? >>>>>>>>>>>小结<<<<<<<<<<<<<<<<<<<<< 1.本小节我们并没有介绍大多复杂的东西,因此朋友们看起来应该 还是蛮轻松的。 2.我们介绍了两种写 Javascript代码的方法,我们后面如无特殊说明, 都会釆用第二种方式,也就是单独写到一个j文件中去。 3.当然啦, Javascript是一门博大精深的语言,仅仅靠一本书想讲的 非常透彻,是不现实的,但是本书可以让總领略到 Javascript比较 基础的,比较幸用的那部分内容。 10/

...展开详情
试读 80P 2014年辛星web前端教程贺岁版第四本即Javascript教程
立即下载 身份认证后 购VIP低至7折
一个资源只可评论一次,评论内容不能少于5个字
w347149863 khdj9878:挺不错的资料,谢谢分享
2019-04-11
回复
oszero 感谢 分享,不错的教程
2016-12-17
回复
khdj9878 挺不错的资料,谢谢分享
2015-09-26
回复
alex8046 还行吧,支持一下。
2014-11-12
回复
您会向同学/朋友/同事推荐我们的CSDN下载吗?
谢谢参与!您的真实评价是我们改进的动力~
关注 私信
上传资源赚钱or赚积分
最新推荐
2014年辛星web前端教程贺岁版第四本即Javascript教程 10积分/C币 立即下载
1/80
2014年辛星web前端教程贺岁版第四本即Javascript教程第1页
2014年辛星web前端教程贺岁版第四本即Javascript教程第2页
2014年辛星web前端教程贺岁版第四本即Javascript教程第3页
2014年辛星web前端教程贺岁版第四本即Javascript教程第4页
2014年辛星web前端教程贺岁版第四本即Javascript教程第5页
2014年辛星web前端教程贺岁版第四本即Javascript教程第6页
2014年辛星web前端教程贺岁版第四本即Javascript教程第7页
2014年辛星web前端教程贺岁版第四本即Javascript教程第8页
2014年辛星web前端教程贺岁版第四本即Javascript教程第9页
2014年辛星web前端教程贺岁版第四本即Javascript教程第10页
2014年辛星web前端教程贺岁版第四本即Javascript教程第11页
2014年辛星web前端教程贺岁版第四本即Javascript教程第12页
2014年辛星web前端教程贺岁版第四本即Javascript教程第13页
2014年辛星web前端教程贺岁版第四本即Javascript教程第14页
2014年辛星web前端教程贺岁版第四本即Javascript教程第15页
2014年辛星web前端教程贺岁版第四本即Javascript教程第16页

试读结束, 可继续读4页

10积分/C币 立即下载