美文网首页javascript
js01-javascript简介

js01-javascript简介

作者: 九猫科技 | 来源:发表于2016-07-23 23:21 被阅读28次

    一:JavaScript 是什么?

    JavaScript 是一种广泛应用于客户端网页(浏览器)开发的脚本语言,如用来给 HTML 网页添加动态功能,比如响应用户的各种操作等。JavaScript 是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言,大部分情况下是由网页浏览器来执行的。

    JavaScript 是美国 Sun 公司的注册商标,遵循 Ecma 国际(前身为欧洲计算机制造商协会)的 ECMA-262标准(即ECMAScript),版本还在不断发展中。

    二:JavaScript特点

    脚本编写语言

    JavaScript 是一种脚本语言,它采用小程序段的方式实现编程。像其它脚本语言一样,JavaScript 是一种解释性语言,在浏览器执行的时候被逐行的翻译。

    基于对象的语言

    JavaScript 是一种基于对象的语言,同时也可以看作是面向对象的,这意味着它能运用自己已经创建的对象。因此,许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。

    简单性

    要使用了编写 JavaScript 是非常简单的,您无需安装特定的开发环境,只需要一个简单的记事本即可编写 JavaScript 脚本。它具有基本的程序语法和语言结构以及弱数据类型,而这些都是很容易学习和使用的。

    安全性

    JavaScript 是一种安全性语言,它不允许访问本地的硬盘,并不能将数据存入到服务器上,不允许对网络文档进行修改和删除,只能通过浏览器实现信息浏览或动态交互,从而有效地防止数据的丢失。

    动态性

    JavaScript 是动态的,它可以直接对用户的输入做出响应,无须经过 Web 服务程序。它对用户的反映响应,是采用以事件驱动的方式进行的。所谓事件驱动,是指在网页中执行了某种操作所产生的动作,就称为“事件”(Event):比如按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后,可能会引起相应的 JavaScript 事件响应。

    跨平台性

    JavaScript 是由网页浏览器来执行,与操作系统环境无关,只要能运行浏览器的计算机,并支持 JavaScript 的浏览器就可正确执行。

    三:js为什么值得我们学习?

    1: 所有主流浏览器都支持JavaScript。

    2:目前,全世界大部分网页都使用JavaScript。

    3:它可以让网页呈现各种动态效果。

    4:做为一个Web开发师,如果你想提供漂亮的网页、令用户满意的上网体验,JavaScript是必不可少的工具。

    5.易用性强:

    1).学习环境无外不在,只要有文本编辑器,就能编写JavaScript程序。

    2).我们可以用简单命令,完成一些基本操作。

    四:ECMA、DOM、BOM分别指什么?

    ECMA一般是ECMAScript的简称,是我们js的核心解释器;

    DOM(document object model)浏览器打开一个 HTML 文档,该文档就成了一个 document 对象,Document 对象使我们可以对 HTML 页面中的所有元素进行访问。

    BOM(Browser Object Model)浏览器打开一个文档,就创建了一个 window 对象,即 window 对象表示浏览器中打开的窗口。

    三者的兼容性如何?ECMA:几乎没有兼容性问题(注意不是说没有)

    DOM:有一些操作不兼容;

    BOM:没有兼容性问题(因为完全不兼容)

    五:如何使用js?

    1:你只需一步操作,使用标签在HTML网页中插入JavaScript代码。注意,<script>标签要成对出现,并把JavaScript代码写在<script><script/>之间。标签要成对出现,并把JavaScript代码写在之间。表示在之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属JavaScript语言。标签要成对出现,并把JavaScript代码写在之间。表示在之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属JavaScript语言。标签要成对出现,并把JavaScript代码写在之间。表示在之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属JavaScript语言。

    <script type=”text/javascript”>表示在之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属JavaScript语言。

    2:还可以把HTML文件和JS代码分开,并单独创建一个JavaScript文件(简称JS文件),其文件后缀通常为.js,然后将JS代码直接写在JS文件中。

    六:JS在页面中的位置?

    我们可以将JavaScript代码放在html文件中任何位置,但是我们一般放在网页的head或body部分。放在head部分最常用的方式是在页面中head部分放置元素,浏览器解析head部分就会执行这个代码,然后才解析页面的其余部分。放在部分,JavaScript代码在网页读取到该语句的时候就会执行。JavaScript语句是发给浏览器的命令。这些命令的作用是告诉浏览器要做的事情。先来看看下面代码:

    <script type="text/javascript">
       alert("hello! Js");
    </script>
    

    一行的结束就被认定为语句的结束,通常在结尾加上一个分号”;”来表示语句的结束。
    注意:

    • “;”分号要在英文状态下输入,同样,JS中的代码和符号都要在英文状态下输入。
    • 虽然分号“;”也可以不写,但我们要养成编程的好习惯,记得在语句末尾写上分号。

    JS的代码注释

    注释的作用是提高代码的可读性,帮助自己和别人阅读和理解你所编写的JavaScript代码,注释的内容不会在网页中显示。注释可分为单行注释与多行注释两种。

    <script type="text/javascript">
       alert("hello! 我是Js的单行注释!'//'");
       //我是单行注释,该语句功能在网页中输出内容
      /*
        我是多行注释
        要养成注释的良好习惯哦
        */
    </script>
    

    七:什么是变量?

    什么是变量? 从字面上看,变量是可变的量;从编程角度讲,变量是用于存储某种/某些数值的存储器。我们可以把变量看做一个盒子,为了区分盒子,可以用BOX1,BOX2等名称代表不同盒子,BOX1就是盒子的名字(也就是变量的名字)。
    定义变量使用关键字var,语法如下:
    var 变量名

    变量名可以任意取名,但要遵循命名规则:

    • 变量必须使用字母、下划线(_)或者美元符($)开始。
    • 然后可以使用任意多个英文字母、数字、下划线(_)或者美元符($)组成。
    • 不能使用JavaScript关键词(function,this,void,var,if… )与JavaScript保留字(abstract,boolean,break,byte,char class….)。

    八:变量的申明

    变量要先声明再赋值,如下:
    var mychar;
    mychar="javascript";
    var mynum = 6;
    变量可以重复赋值,如下:
    var mychar;
    mychar="javascript";
    mychar="hello";
    
    

    注意:

    1. 在JS中区分大小写,如变量mychar与myChar是不一样的,表示是两个变量。
    2. 变量虽然也可以不声明,直接使用,但不规范,需要先声明,后使用。

    九:变量的类型

    我们常见的变量类型有:

    number,string,boolean(true,false),function,object,undefined

    我们可以通过typeof运算符检测变量的类型:

    var a = 12;
    //a='abcd';
    //a=true;
    //a=function(){};
    //a=document;
    //var b;
    alert(typeof a);
    
    

    undefined一般在两种情况下出现:1):真的没有定义;2):定义了没有赋值;

    十:认识判断语句(if…else)(一)

    if…else语句是在指定的条件成立时执行代码,在条件不成立时执行else后的代码。

    语法如下:
    if(条件)
    { 条件成立时执行的代码 }
    else
    { 条件不成立时执行的代码 }
    

    假设我们通过考试成绩判断是否及格,如成绩大于等于60分,为及格,否则不及格。

    <script type="text/javascript">
       var myscore = 80;
       if(myscore>=60)       //myscore>=60是判断条件
       { document.write("哈哈,及格啦O(∩_∩)O~");}
       else                  //否则成绩小于60
       { document.write("呜呜,不敢回家了。。。");}
    </script>
    

    注意:

    1. 在JS中区分大小写,如变量mychar与myChar是不一样的,表示是两个变量。
    2. 变量虽然也可以不声明,直接使用,但不规范,需要先声明,后使用。

    十一:定义一个函数玩玩(一)

    什么是函数?函数是完成某个特定功能的一组语句。(可以帮我们省略很多代码哟)

    如何定义一个函数呢?基本语法如下:
    function 函数名()
    {
         函数代码;
    }
    

    说明:

    1. function定义函数的关键字。
    2. “函数名”你为函数取的名字。
    3. “函数代码”替换为完成特定功能的代码。

    我们来编写一个简单函数,并给函数起个有意义的名字:”myword”,代码如下:

    <script type="text/javascript">
    function myword(){
      var myspeak=prompt("妹子,约么?","好啊~")  //方法用于显示可提示用户进行输入的对话框
      if (myspeak!=null && myspeak!="")
        {
          document.write("哈哈 " + myspeak + "!");
        }else{
          document.write("呜呜 " + "妹子不理我!");
        }
    }
    myword();//调用函数
    </script>
    

    函数定义好后,是不能自动执行的,所以需调用它,只需直接在需要的位置写函数就ok了.

    2:有参数的函数

    function 函数名(参数1,参数2)
     {
         函数代码
     }
    

    注意:参数可以多个,根据需要增减参数个数。参数之间用(逗号,)隔开。
    函数实现任意两个数的和应该写成:

    function add2(x,y)
    {
         sum = x + y;
         document.write(sum);
    }
    

    3:返回值的函数

    function add2(x,y)
    {
          sum = x + y;
          return sum; //返回函数值,return后面的值叫做返回值。
    }
    

    还可以通过变量存储调用函数的返回值,代码如下:

    result = add2(3,4);//语句执行后,result变量中的值为7。
    

    函数中参数和返回值不只是数字,还可以是字符串等其它类型。

    相关文章

      网友评论

        本文标题:js01-javascript简介

        本文链接:https://www.haomeiwen.com/subject/capwjttx.html