初识JS

      JavaScript 简单的说就是适应动态网页制作的需要而诞生的,专门为制作Web网页而量身定做的一种简单的编程语言

    1.概念 

    我们知道JS的概念 基于对象事件驱动客户端脚本语言。

    什么是基于对象?  在JS中,有句话叫处处皆对象,JS就是在这些对象的基础上创建对象;

    什么是事件驱动?   当产生一种事情的时候,或者说触发了某种事件时调用程序,函数处理事件,达到一定效果的过程。

    什么是客户端脚本语言?  脚本是一条条文本命令,你能够看见和编辑它,但是它自己不能自己运行,把它比喻成一个寄生虫,只能依靠宿主才能存活,而计算机的客户端就是这样一个宿主,故称为客户端脚本语言。

    2.JS 能做什么操作?

    1>表单验证   2>交互式操作   3>网页特效   4>服务器脚本开发   5>web游戏   等

    3.JS的特点

    1.JS是解释型脚本语言(代码不进行预编译)

    2.JS具有跨平台的性质

    3.具有安全和简单的特性

    4.主要用来向HTML页面添加交互行为

    4.基本语法

      4.1 组成部分

        ECMAScript,由ECMA-262定义,提供核心语言功能。

        DOM,提供访问和操作网页的内容的方法和接口。

        BOM ,提供浏览器交互的方法和接口    

      4.2 如何引用JS?

        1.行内引入脚本   2.内部引入脚本<script></script>   

        3.外部引入脚本<script src = “文档路径”></script> 注:外部引入时,标签尽量不要写入内部

      4.3 在JS中如何输出内容

        1.alert() 以警告框的形式输入内容,主要用于代码调试   缺点:中断后面代码的执行

        2.document.write() 在页面中输出   缺点:影响页面当前布局

        3.console.log() 在控制台输出,不影响用户体验,主要用于代码调试,会输出对象的详细信息。      

      4.4 在JS中输出中如何进行换行

         <br>:  在页面中换行   \n:用于JS输出中换行   console.log("abc\"xyz\"def\nopq")  

         \ :  转义符,将具有特殊含义的符号转为普通字符   \t :  一个空8个空格   console.log("abc\"xyz\"def\topq")   

      4.5 数据类型有哪些?

        基本数据类型:Number,String Boolean

        特殊数据类型:Null Undefined

        复合数据类型:Object

      4.6 关系运算符

        a.  > < >= <=    b.  == !=    c.   === !== 

        优先级:!++ --   * / %   - +   > < >= <=   ==  !=  ===  !==   &&  ||  

        =   +=   -=   *=   /=   %=

        a.

          1.Number与String,String先转为Number,再比较。 2.String与String,从左到右依次比较。

          var a = prompt("请输入","2");

          var b = ‘14‘;

             if(a < b){

             console.log("a < b");

          }else{

             console.log("a > b");

          }            // a > b

 

        b.

          只比较结果,结果相等,返回true

          注: console.log(NaN == NaN)//false  console.log(null == undefined)//true 

           console.log(null == 0)//false   console.log(null == false)//false  

          console.log(document.getElementById(‘unExistElement‘))//null

       c.

          先比较数据类型,再比较结果。

      4.7 数据类型转换

              

 

相关文章