JavaScript入门那些事儿

                       JavaScript入门那些事儿

        JavaScript,网页大肘子,神一般的语言!!

        记住javaScript的优点 :跨平台容易!!    浏览器有数百种

之多,然而JavaScript能在各个浏览器网页上直接运行,是不是很神?因

此为了更好的跨平台它被设计成了解释型语言,还有,记住JavaScript借

助浏览器自带的解释器在客户端运行,这能极大的改善用户体验!!试想一

下,以往没有JavaScript的时候,判断用户账号密码错误,到服务器端进

行查找然后返回页面,网卡的时候那是多么漫长的等待!

        嗯,那么问题来了,啥子是解释型语言,简单的说吧,这个语言没有剧本,他不像C语言,C语言是编译型语言,就是说在程序运行之前,他先把剧本看一遍,整个故事情节一目了然,程序后面的方法,在程序开头也可以调用,而JavaScript这种解释型语言由于没有剧本,就必须从头开始一行一行执行,它不知道后面将会发生什么它自己也不知道,所以程序前部分是不能调用程序后面的方法的。牺牲了效率,换来了跨平台性。

     另外,javaScript是弱类型语言

         弱类型语言传说中的飘忽不定,千人千面!这么说吧,学过C了吧?那是一种强类型语言,数据类型都给你定死了,是啥就是啥,比如 int a = 1;那你这个a,到死它也只能代表整型,不可跃雷池一步,然而在JavaScript中,没有什么明确的数据类型,它是根据意境自行转换的,比如说var a = 1;这里a是数字类型,下一行a = "hello";直接把a从数字变成了字符串,这可以么?在弱类型中这是完全可以的。那么问题来了,弱类型语言的好处是什么呢?

      我举个小例子吧,你不用去记一个类型具体的类型,想用啥,用到啥类型了就是啥类型,还有数组中可以存不同的类型,相当于java中的集合,是不是很方便,当然凡事有利就有弊,高效的同时牺牲的是安全和运行效率,具体情况需要具体分析。

   下面我们来具体说一下JavaScript的精髓部分 

  1.     JavaScript分为三部分
        
  • ECMAScript   

             它就是一种规范,是每个浏览器都要遵守的语法规定

             我教你一点一点学过来是不现实的,老规矩,授人以鱼不如授人以渔

      百度W3School

           

  • DOM

          Document Object Model  文档对象模型

               功能:用来控制页面中的内容,可以通过操作对象来控制页面的内容

                   记住,dom本质就是将文档中的所有内容封装成对象

                 来来来,我来给你解释下这是啥子意思:

      首先,JavaScript把html封装成了一个对象,(对象不明白就理解为一个盒子),之前我们讲   过,html本身就是一个文本文档,这整个html被封装为一个大的对象(大盒子)Document,里面的大大小小标签,如<a></a>被封装为元素对象(大盒子内的中盒子)Element,文本内容被封装成文本对象(中盒子内的小盒子)Text,标签里的属性被封装为属性对象(中盒子内的小盒子),代码中的注释信息被封装为一个个注释对象(大盒子中的中盒子)Common,嗯基本上是一环套一环的,你可以想象一下他们在html代码中的位置。

     其次,为了让我们很容易的找到每个对象的父对象,又提供了一个公用的父对象节点对象node,就是数据结构中的树!

     说了这么多,举个例子html你们都会噻?看下面这个代码:

                   

      对应的对象图为:

            

                     像不像一棵树发出的根,所以Dom又被人称为DOM树

                    特别强调一下,在编写代码的时候我们一般不会查找孩子对象而是找父亲,这是因为一个空格叶酸是一个Text对象,所以你很难查找正确,找父亲就不会出错了

                 

                   使用parentNode,具体百度一下,或者上W3School查看一下

  • BOM            

       BOM(浏览器对象模型)

     为了方便对网页进行操作,浏览器被划分为如下几个主要对象:

        Window对象      ------    整个浏览器窗口

       History对象         ------   存储网站的浏览历史记录

       Location对象       ------   对打开的URL进行操作

      。。。。。。

      具体的例子需要你去W3SChool进行搜索,自行学习,有不懂的也可以和我一起讨论

      欢迎加入小白群:367313759

     本人QQ:751076514,欢迎探讨

      欢迎转载,请注明出处


         

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值