js

2018-06-12 本文已影响0人 WANGLIN_HZ

1、helloWorld

<!DOCTYPE html>
<html>
<head>
    <title>HelloWorld</title>
</head>
<body>
    <script type="text/javascript">
        /*控制浏览器弹出一个警告框
        alert("这是第一行代码")/*
        /*让计算机在页面中输入一个内容，document可以向body中输出一个内容*/
        document.write("找得着我吗   ")
        /*向控制台输出一个内容*/
        console.log("在哪")
    </script>
</body>
</html>

2、js编写位置

<!DOCTYPE html>
<html>
<head>
    <title>js编写位置</title>
    <!-- <script type="text/javascript">alert("我是标签")</script> -->
    <script type="text/javascript" src="js/script.js">
        alert("我是内部的代码")
    </script>
</head>
<body>
    <!-- 标签的onclick属性中 -->
    <button onclick="alert('啦啦啦');">点我一下下</button>
    <!-- 超链接的href属性中 -->
    <a href="javascript:alert('你点不点');">点块点</a>
    <a href="">你点我一下</a>
</body>
</html>

编写位置

我们目前学习的JS全都是客户端的JS，也就是说全都是需要在浏览器中运行的，所以我们我们的JS代码全都需要在网页中编写。
我们的JS代码需要编写到<script>标签中。
我们一般将script标签写到head中。（和style标签有点像）
属性：
type：默认值text/javascript可以不写，不写也是这个值。
src：当需要引入一个外部的js文件时，使用该属性指向文件的地址。

3、js基本语法

<!DOCTYPE html>
<html>
<head>
    <title>js基本语法</title>
    <script type="text/javascript">
        /*
        js注释
        多行注释
        */
        // alert("hello")
        // document.write("hello")
        // console.log("hello")/*该语句用来在控制台上输出日志*/
    </script>
</head>
<body>

</body>
</html>

注释

注释中的内容不会被解析器解析执行，但是会在源码中显示，我们一般会使用注释对程序中的内容进行解释。
JS中的注释和Java的的一致，分为两种：
单行注释：//注释内容
多行注释：/注释内容/

4、字面量和变量

<!DOCTYPE html>
<html>
<head>
    <title>字面量和变量</title>
    <script type="text/javascript">
        /*
        字面量
        1 2 3 4 5 “hello”
        alert(12334565);
        */
        // 声明变量
        var a;
        // 为变量赋值
        a = 123;
        a = 456;


        var b = 789;
        var age = 80;
        console.log(a)
        console.log(age)

    </script>
</head>
<body>

</body>
</html>

变量的作用是给某一个值或对象标注名称。
比如我们的程序中有一个值123，这个值我们是需要反复使用的，这个时候
我们最好将123这个值赋值给一个变量，然后通过变量去使用123这个值。
变量的声明：
使用var关键字声明一个变量。
var a;
变量的赋值：
使用=为变量赋值。
– a=123;
声明和赋值同时进行：
– var a = 123;

5、标识符

<!DOCTYPE html>
<html>
<head>
    <title>标识符</title>
    <script type="text/javascript">
        /*
        1字母、数字、_、$
        2、不能以数字开头
        3、不能ES中的关键字或保留字
        4、驼峰命名法
        */
        var a_1_$ = 123;
        console.log(a_1_$);
        var abc1 = 123;
        console.log(abc1)



    </script>
</head>
<body>

</body>
</html>

所谓标识符，就是指变量、函数、属性的名字，或函数的参数。
标识符可以是按照下列格式规则组合起来的一或多个字符：
第一个字符必须是一个字母、下划线（ _ ）或一个美元符号（ $ ）。
其他字符可以是字母、下划线、美元符号或数字。
按照惯例，ECMAScript 标识符采用驼峰命名法。
但是要注意的是JavaScript中的标识符不能是关键字和保留字符。

6、数据类型

<!DOCTYPE html>
<html>
<head>
    <title>数据类型</title>
    <script type="text/javascript">
        /*数据类型
            string 字符串
            Number 数值
            boolean 布尔值
            Null 空值
            Undefined 未定义
        引用数据类型
            Object 对象
        */
        // var a = 123;
        var str = "hello";
        console.log("hello")

    </script>
</head>
<body>

</body>
</html>

数据类型决定了一个数据的特征，比如：123和”123”，直观上看这两个数据都是123，但实际上前者是一个数字，而后者是一个字符串。
对于不同的数据类型我们在进行操作时会有很大的不同。
JavaScript中一共有5种基本数据类型：
字符串型（String）
数值型（Number）
布尔型（Boolean）
null型（Null）
undefined型（Undefined）
这5种之外的类型都称为Object，所以总的来看JavaScript中共有六种数
据类型。

js

1、helloWorld

2、js编写位置

编写位置

3、js基本语法

注释

4、字面量和变量

5、标识符

6、数据类型

猜你喜欢

热点阅读