初识JavaScript | 易学教程

JavaScript简介

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

　　ECMAScript，描述了该语javascript组成言的语法和基本对象。

　　文档对象模型（DOM），描述处理网页内容的方法和接口。

　　浏览器对象模型（BOM），描述与浏览器进行交互的方法和接口。

JavaScript基本特点

　 1、是一种解释性脚本语言（代码不进行预编译）

　　2、主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为

　　3、可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离

　　4、跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如Windows、Linux、Mac、Android、iOS等）

JavaScript使用

1、HTML 中的脚本必须位于 <script> 与 </script> 标签之间。脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <script>
            //这里放JavaScript代码
            alert("This is a test");
        </script>
    </head>
    <body>
        <script>
            //这里放JavaScript代码
            alert("This is a test");
        </script>
    </body>
</html>

2、JavaScript脚本也可以放在HTML外部扩展名为（.js）文件中（外部脚本不能包含 <script> 标签），这样可以更好的实现行为与结构的分离。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
    </head>
    <body>    
        <!-- 引入外部的js文件  -->
        <script src="js/my.js"></script>
    </body>
</html>

3、JavaScript的注释

 1 <script>
 2    //  单行注释
 3    //document.createElement("myElement");
 4    /* 
 5        多行注释
 6        document.createElement("myElement");
 7        document.createElement("myElement");
 8        document.createElement("myElement");
 9    */
10 </script>

4、JavaScript语句和代码块

　　JavaScript每条语句都要求以英文分号（;）结束；省略分号程序也不会报错，但是一般都会要求加上分号，优点如下：

　　　　1、提高代码性能，如果没有分号解析器需要分析判断哪里插入分号。

　　　　2、提高代码正确率，比如把多行代码写到一行上，没有分号发生错误的可能性很大。

　　JavaScript多条语句组合在一起，放在一个花括号（{}）内就形成了语句块。

//JavaScript语句
var x = 1;
var x = 1; var y = 2; // 不建议一行写多个语句

//JavaScript语句块，语句块可以嵌套
if(2 > 1) {
    x = 1;
    y = 2;
    z = 3;
    if(x < y) {
        z = 4;
    }
    if(x > y) {
        z = 5;
    }
}

5、JavaScript大小写

　　JavaScript是严格区分大小写，如果弄错了大小写，程序将报错或者运行不正常。

　　在JavaScript程序中：JavaScript和javascript是完全不同的。

本文仅供自己在平时工作学习时作笔记使用！如有错误请多多指出！！！

来源：https://www.cnblogs.com/iyunpeng/p/7562075.html

标签

javascript