暂无图片
暂无图片
暂无图片
暂无图片
暂无图片

Javascript简介和基本语法规范

互联网IT信息 2018-01-24
710


1JavaScript简介


Javascript的产生背景

    “1994年,网景公司(Netscape)发布了Navigator浏览器0.9版。这是历史上第一个比较成熟的网络浏览器,轰动一时。但是,这个版本的浏览器只能用来浏览,不具备与访问者互动的能力。……网景公司急需一种网页脚本语言,使得浏览器可以与网页互动。”

JavaScript历史

    1995.2月 Netscape公司发布LiveScript,后临时改为JavaScript,为了赶上Java的热浪。

    1997 年,以JavaScript 1.1 为基础。由来自 Netscape、Sun、微软、Borland 和其他一些对脚本编程感兴趣的公司的程序员组成的 TC39(ECMA的小组) 锤炼出了 ECMA-262,也就是ECMAScript1.0。

    1998年6月,ECMAScript 2.0版发布。

    1999年12月,ECMAScript 3.0版发布,成为JavaScript的通行标准,得到了广泛支持。

    2007年10月,ECMAScript 4.0版草案发布:分歧太大,失败告终。

    2009年12月,ECMAScript 5.0版正式发布

    2015年6月17日,ECMAScript 6发布正式版本,即ECMAScript 2015。

Javascript概念介绍

    JavaScript是一种网页编程技术,其功能强大,实现简单方便,入门简单,即使是程序设计新手也可以非常快速容易地使用JavaScript进行简单的编程。

    JavaScript就是一种基于对象和事件驱动,并具有安全性能的脚本语言,脚本语言简单理解就是在客户端的浏览器就可以互动响应处理程序的语言,而不需要服务器的处理和响应,当然JavaScript也可以做到与服务器的交互响应,而相对的服务器语言像asp php jsp等需要将命令上传服务器,由服务器处理后回传处理结果。

    JavaScript可以被嵌入到HTML文件中,不需要经过Web服务器就可以对用户操作作出响应,使网页更好地与用户交互;在利用客户端个人电脑性能资源的同时,适当减小服务器端的压力,并减少用户等待时间。

JavaScript的组成

    ECMAScript:JavaScript的语法标准。

    DOM:JavaScript操作网页上的元素的API

    BOM:JavaScript操作浏览器的部分功能的API

如图:


Javascript特点

1.简单易用

   可以使用任何文本编辑工具编写

    只需要浏览器就可以执行程序

2. 解释执行(解释语言)

   事先不编译

    逐行执行

    无需进行严格的变量声明

3. 基于对象

    内置大量现成对象,编写少量程序可以完成目标

Javascript 使用场景

    客户端数据计算

    客户端表单合法性验证

    浏览器对象的调用

    浏览器事件的触发

    网页特殊显示效果制作

Javascript 与html之间的关系

    Html:是用来制作网页,简单来说就是编写网页结构。

    Javascript:实现网页与客户之间互动的桥梁,让网页具有丰富的生命力

2JavaScript语法规范


1. Javascript 书写位置

(1)与css类似,直接嵌入到html页面中

      <head>

        <meta charset="UTF-8">

        <script>

        </script>

       </head>


 (2)文件调用:JavaScript代码写到另一个文件当中(其后缀通常为“.js”),然后用格式为“<script src="javascript.js"></script>”的标记把它嵌入到文档中


       <head>

       <meta charset="UTF-8">

       <script src="1.js"></script>

      </head>


2. 编写Javascript注意语法规范,一行代码结束后必须在代码最后加上;

3. javascript中注释语法。

       单行注释:                              

      多行注释:  /*     */

4. JavaScript简单例子

输出一句话

<script>

  alert("hello word");

</script>


效果图如下:

补充:其它输出方式:

console.log("")

在控制台输出消息,一般用来调试程序

代码和效果图:

<script>

console.log("hello world");

</script>


prompt(" ")

在网页中弹出输入框,一般用来接收用户输入信息

代码和效果图:

<script>

prompt("请输入你的问题");

</script>

confirm("")

在网页中弹出提示框,显示信息,该方法一般与if判断语句结合使用

代码和效果图:

<script>

confirm("请确认手机号");

</script>

document.write

直接在页面中输出信息

文章转载自互联网IT信息,如果涉嫌侵权,请发送邮件至:contact@modb.pro进行举报,并提供相关证据,一经查实,墨天轮将立刻删除相关内容。

评论