.Net转行前端工程师-Javascript简介及Script标签

废话

  3天啃书5页...我这速度也实在是够慢的。前面的几章的确是没什么意思,但还是循序渐进慢慢来吧!前端路漫漫~~

 

Javascript简介
    简单的来说Javascript由3部分组成 ECMAScript+DOM+BOM,如果有人面试让我背ECMAScript由什么组成,我就淬他一脸,怎么不让我背唐诗三百首呢?

    Javascript其实就是ECMAScript的标准的扩展。ECMAScript已经出到了第五版了,据说第六版就能出现很好的面向对象的语法了。但是有人也说第五版可能在五年内都是主流了。

    DOM(文档对象模型Document Object Model)这东西说白了就是为了方便操作HTML的各种元素而形成的一个树状的数据结构。W3C搞的为了防止各大巨头撕逼导致程序员遭殃而弄的。

 

    BOM(浏览器对象模型Browser Object Model),BOM这没什么标准,浏览器留给开发人员的可操作方法而已。不同的浏览器都可能有自己的实现。实现的功能普遍都为打开,关闭,放大,缩小等等。

 

    看有面试题经常考什么严格模式所以这里也记录一下。严格模式从名字分析就是模式更严格了,平常写错了浏览器大大还能放过你的代码。在严格模式里就不行了。启用严格模式的方法是在脚本文件的最顶部加一句话"use strict",注意一下是个字符串。支持的浏览器有IE10+,Firefox4+,Chrome...。

使用Javascript--关于<Script>

    这个地方有点意思了,可以用做引用外部的JavaScript文件,或者将代码嵌入在Script标签里。

    有6个属性:

      1.async:只能在引用外部文件的时候用,表示需要立即下载脚本文件并执行,但不妨碍页面中的其它内容的加载。

      猜测的意思是:加载文档模式和加载脚本文件并行执行。可以使用的场景为:必须放置在head中而且较大的脚本文件。(不知道理解对不对,因没用过。欢迎大家指正)

      2.charset:指定src属性的字符集。不常用这个..。

      3.defer:这个和async正好相反这个是延迟加载。设定为文档加载完毕后加载。

      使用场景:必须等文档加载完成后才能够使用的脚本文件或方法可以使用。

      4.language:好像已经被抛弃了。脑力有限,不学。

      5.src:看到这个就太熟悉了,写你的脚本文件地址的。

      6.type:没有就默认为text/javascript,表示的是你脚本语言是啥类型。因各种奇葩原因虽然不是必须的,但是到现在依旧没被抛弃。

      PS:deferasync如果不是很熟悉不建议使用,浏览器没你想象中的那么靠谱。

      在说放置的位置,放head标签里是传统。表示全部的Javascript代码都下载完成了才开始执行。但是有可能你的Javascript因各种未知原因阻塞了你页面的加载.导致你页面各种凌乱或者是白屏。所以为了避免这个问题一般都会放置<script>在<body>元素后面。(话说我从来放到body后面过,<script>标签满页面都是哪里需要就存在在哪里。以后改正按照标准来吧...)

<NoScript>  

    为早期一些不支持Javascript浏览器而造的。现在虽然也有用的。但是一般情况下都是为了让自己的代码更加严谨,适应能力更加的强。起作用的时候少。

    用法:<NoScript>兄弟你是用这个浏览器专门来找茬的吧???</NoScript>,这样就会在不支持Javascript的浏览器里显示这句话了。

 

 

    学习过程,希望大家能够不吝指教。

    The End;

    2015-07-03

 

   

posted on 2015-07-03 16:47  程序跳出了电脑  阅读(469)  评论(5编辑  收藏  举报

导航