• 第一章 JavaScript基础


    1.为什么学习JavaScript

          JavaScript在网页制作中占有非常重要的地位

             (1)客户端表单验证

             (2)页面动态效果

             (3)jQuery的基础

    2.什么是JavaScript   

            Javascript是一种描述性语言,也是一种基于对象(object)和事件驱动(Event Driven)的,并具有安全性能的脚本语言。

            它与HTML(超文本标记语言)一起,在一个Web页面中链接多个对象,与Web对象实现交互。无论在客户端还是在服务器端

            javascript程序都要下载到浏览器的客户端执行,从而减轻了服务器的负担。

    3.JavaScript的特点

            

            1  javascript主要用来在HTML页面中添加交互行为

            2  javascript 是一种脚本语言,语法和java类似

            3  javascript一般用来编写客户端的脚本

            4  javascript是一种解释性语言,变执行边解释

    4.JavaScript的组成 

            (1)ECMAScript标准

                  

                  ECMAScript是一种开放的,被国际上广为接受的,标准的脚本语言规范。它不与任何具体的浏览器绑定。ECMAScript标准主要描述了一下内容:

                  1.语法

                  2.变量和数据类型

                  3.运算符

                  4.逻辑控制语句

                  5.关键字,保留字

                  6.对象

            (2)浏览器对象模型

                  

                  提供了独立于内容与浏览器窗口进行交互的对象,使用浏览器模型可以实现与HTML的交互,如网上常见的弹出窗口,前进后退等功能。

            (3)文档对象模型

                  

                  文档对象模型(Document Object Model)DOM,HTML文档对象模型(HTML DOM)定义的一套标准方法,用来访问和操作HTML 文档,

                  如网上商城常见的随着鼠标的移动显示大的图片,弹出小提示等      

    5.JavaScript的基本结构

              1.JavaScript的基本结构

                  <script type="text/Javascript">

                      JavaScript 语句;

                  </script>

            2.javaScript的执行原理

                1)浏览器客户端向服务器发送请求;一个用户在浏览器的地址栏中输入要访问的页面(页面包含JavaScript程序)。

     

                2)数据处理:服务器端将某个包含JavaScript的页面进行处理。

     

                3)发送响应:服务器将含有JavaScriptHTML文件处理页面发送到浏览器客户端,然后浏览器客户端从上至下逐条解析HTML标签和JavaScript,并将页面呈现给用户。

     

            3.使用客户端脚本的好处:

                1  包含JavaScript的页面只要下载一次即可,这样可能减少不必要的网络通信。

     

                2  JavaScript程序由浏览器客户端执行,而不是由服务器端执行的,因此能减轻服务器端的压力。

     

            4.注意事项:

                A)如果不使用<script>标签,浏览器就会将JavaScript语句当作纯文本处理,也就是说把这条命令本身写到页面上。

     

                B<script>…</script>的位置并不是固定的,可以包含在文档的任何地方,只要保证这些代码在被使用前已读取并加载到内存即可。

     

    6.在页面中引用JavaScript的三种方式

            1.内部JavaScript文件

                         就是直接使用<script>标签将JavaScript代码加入到HTML文档中,这是最常用的方式。

     

                   但是这种方式通常只适用于JavaScript代码较少,并且网站中的每个页面使用的JavaScript代码均不相同的情况。

     

            2.使用外部JavaScript文件

                    使用外部JavaScript文件,可以在多个页面重复使用。减少了使用相同的JavaScript使用页面的代码冗余。

     

                    外部JavaScript文件是将JavaScript代码写入一个外部文件中,以:文件名.js为扩展名保存的,然后将文件路径指定给<script>标签中的”src”属性,这样引用外部js文件。

     

            3.直接在HTML标签中

                    有时候需要在页面中加入简短的JavaScript代码实现一个简单的页面效果,如单机按钮弹出一个对话框等。

     

                  例:

     

                             <input  name=”btn”  type=”button”  value=”弹出消息框”  onclick=”javascript”:

     

                        alert=”(‘欢迎你’)”/>

     

                    那么单击弹出消息框按钮时,则弹出提示对话框欢迎你

     

                    总结:通过以上知道这三种方式的应用场合:

     

                    >>:内部Javascript文件适用于JavaScript特效代码量少,仅用于单个页面.

     

                    >>:外部js文件则适用于代码 较多,重复应用于多个页面.

     

                    >>:直接在标签中写JavaScript则适合于极少代码,仅用于当前标签,但是这个方式增加了HTML 代码,因此这种方法在实际开发中应用极少。

      

     7.数据类型

          typeof(变量或值)

            返回结果类型

                  1.undefined类型

                  2.null类型

                  3.number类型

                  4.String类型

                  5.boolean类型

    8 数组

          var 数组名称=new Array(size);

          var fruit=new Array("apple","orange","peach","banana");

              属性:  length     设置或返回数组中元素的数目  

              方法: join()      把数组的所有元素放入一个字符串,通过一个分各

                  sort()对数组排序

                  push()   向数组末尾添加一个或者多个元素,并返回新的长度

     9.常用的输入和输出

            (1)警告(alert)

                  alert("提示信息")

             (2)提示(prompt)

                   prompt("提示信息","输入框的默认信息");  

        

  • 相关阅读:
    Apollo配置中心环境搭建(Linux)
    SpringBoot整合Swagger2
    DevExpress ASP.NET v18.2新功能详解(四)
    UI控件Telerik UI for WinForms发布R1 2019|附下载
    DevExpress WinForms使用教程:Data Grid
    开发框架DevExtreme全新发布v18.2.6|附下载
    DevExpress ASP.NET v18.2新功能详解(三)
    .NET界面控件DevExpress全新发布v18.2.6|附下载
    DevExpress WinForms使用教程:图表控件
    VCL界面控件DevExpress VCL Controls发布v18.2.4|附下载
  • 原文地址:https://www.cnblogs.com/lowerma/p/11351931.html
Copyright © 2020-2023  润新知