Javascript学习总结-基本语法-(一)

1.1.javascript简介(引用百度百科解释)

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在 HTML（标准通用标记语言下的一个应用）网页上使用，用来给 HTML网页增加动态功能。

在1995年时，由 Netscape公司的 Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为 Netscape与 Sun合作， Netscape管理层希望它外观看起来像 Java，因此取名为JavaScript。但实际上它的语法风格与 Self及 Scheme较为接近。[1]

为了取得技术优势，微软推出了 JScript，CEnvi推出ScriptEase，与JavaScript同样可在浏览器上运行。为了统一规格，因为JavaScript 兼容于ECMA标准，因此也称为 ECMAScript。

1.2.javascrip特点

-安全性（不允许直接访问本地硬盘），它可以做的就是信息的动态交互。

-跨平台性。（只要是可以解释Js的浏览器都可以执行，和平台无关。）

1.3.javascript和java的区别

-JS是Netscape公司的产品，Java是Sun公司的产品

-JS是基于对象，Java是面向对象。

-JS只需解释就可以执行，Java需要先编译成字节码文件，再执行。

-JS是弱类型，Java是强类型。

1.4.javascript学习内容

-javascript语法基础

-使用JS操作网页(DOM)

-使用JS操作浏览器(BOM)

2.JAVASCRIPT基础

2.1.基本语法

2.1.1.引入方式和引入位置

向HTML页面插入JavaScript的主要方法，就是使用<script元素>。

使用<script>元素的方式有两种：直接在HTML页面中嵌入JavaScript代码和包含外部的JavaScript文件。

-JS代码存放在标签对<script>．．．</script>中。

内部

<html >

   <head>

      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

      <title>在HTML中使用JavaScript</title>

   </head>

   <body>

      <h1>在页面中嵌入JavaScript</h1>

      <script type="text/javascript">

        window.document.write("hello,world");

      </script>

   </body>

</html>

关于<script>标签的位置，<script>应该放在页面的<head>元素中。

<html >

   <head>

      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

      <title>在HTML中使用JavaScript</title>

      <script type="text/javascript" >

         window.document.write("世界你好！！！");

      </script>

   </head>

   <body>

      <h1>将JavaScrip标签放在head上</h1>

   </body>

</html>

注意：

1、页面上可以有多个<script>标签

2、<script>标签按顺序执行

3、<script>标签可以出现在任意的页面位置

4、<script>标签一定要写</script>关闭，而不能<script/>这样关闭。否则没有任何错误信息，但是没有运行结果。

外部

-使用script标签的src属性引入一个js文件。（方便后期维护，扩展）

例：<script src=”test.js” type=”text/javascript”></script>

注：规范中script标签中必须加入type属性

Javascript学习总结-基本语法-(一)

2.1.2. 区分大小写

与 Java 一样，变量、函数名、运算符以及其他一切东西都是区分大小写的。

比如：

变量 test 与变量 TEST 是不同的。

2.1.3. 注释

Java： // /* */ /** */

HTML：

CSS： /* */

JavaScript：

ECMAScript注释与 Java语言的注释相同

ECMAScript 借用了这些语言的注释语法。

有两种类型的注释：

单行注释以双斜杠开头（//）

多行注释以单斜杠和星号开头（/*），以星号和单斜杠结尾（*/）

2.2. 常用函数

window.alert() 或写为 alert() ：显示一个提示框显示内容。

window.document.write() ：在网页的当前位置处写内容。

2.3. 变量

变量是弱类型的

与 Java不同，ECMAScript 中的变量无特定的类型，定义变量时只用 var 运算符，可以将它初始化为任意值。

因此，可以随时改变变量所存数据的类型（尽量避免这样做）。

例子

var color = "red";

var num = 25;

var visible = true;

ECMAScript 中的变量是用 var 运算符（variable 的缩写）加变量名定义的。例如：

var test = "hi";

在这个例子中，声明了变量 test，并把它的值初始化为 "hi"（字符串）。

每个变量仅仅是一个用于保存值的占位符而已。定义变量时要使用var操作符（var是关键字），后跟变量名

var message;

这行代码定义了一个名为message的变量，该变量可以用来保存任何值，也可以直接初始化变量。

var message ="hi";

ECMAScript 中的变量无特定的类型，定义变量时只用 var 运算符，可以将它初始化为任意值。

<script type="text/javascript" >
        //定义变量

        var color = "red";

        var num = 25;

        var visible = true;

      </script>

同时，可以随时改变变量所存数据的类型（尽量避免这样做）。

<script type="text/javascript" >

         //定义变量

         var message = "hello";

        message = 100;

        alert(message);

      </script>

该案例中变量message一开始保存了一个字符串值"hi" 然后又被一个数值100取代。这在ECMAScript是有效的，但是不建议这样使用。

使用细节：

1、 var关键字在定义变量的时候可以省略不写

2、变量名可以重复，后面的将覆盖前面的变量

3、变量的类型取决于值的类型

一条语句定义多个变量。

中间使用豆号隔开即可，可初始化，也可以不初始化。

<script type="text/javascript" >

        var name = "jack",

        age = 28,

        gender = "男";

</script>

JavaScript代码块及其代码块变量作用域

<script type="text/javascript" >

        //代码块 (Java)对代码进行封装 隔离变量的作用域

        {

            var a = 100;

            document.write(a + "</br>");

         } {

            document.write(a + "</br>");

           //JavaScript不会隔离变量作用域

        }



      </script>

秒客网

Javascript学习总结-基本语法-(一)

2.1.3. 注释

2.2. 常用函数

2.3. 变量

相关文章