js第一篇:变量

标签: js变量、交换变量的值

第一章:Js 是什么

Js全称 javascript,但是跟java没有任何关系,蹭热度

Js目的就是让页面动起来,实现页面的动态效果

第二章:js如何引入

2.1 正确的引入方式

方式1:直接在html页面编写

编写js的步骤

第一步:新建.html页面

第二步:在html页面中添加 <script></script>

第三步:在<script></script>标签中编写js代码

 

思考:为什么js代码要使用<script></script>括起来?

原因:因为文件后缀名为.html,浏览器会将文件中的所有代码当作html解释,所以需要使用<script></script>显式告诉浏览器我是js代码

 

方式2:写道单独的js文件中

第一步:新建 .js 文件

第二步:直接在文件中编写js代码,注意,不要加上 script 标记

第三步:在.html 页面中引入 .js 文件

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

 

2.2注释

在项目开发中,经常需要对一些代码做出文字性的说明,方便开发者自己或者别人阅读代码

切记:在编写代码时,一定要加上注释

注释分为单行和多行,如果注释的文本较多,就是用多行注释

<script>

        //alert 方法的作用是在浏览器中弹出一个窗体,显示小括号中的内容

        alert('hello world');


        var i = 1;

        /*

        setInterval是js中的定时器,其参数有两个

        参数1:定时执行的方法,

        参数2:方法执行的间隔时间,即每隔多长时间执行一次

        */

        setInterval(f1, 1000);

        function f1() {

            document.getElementById('h1').innerHTML=i;

            i++;     

        }

    </script>

 

第三章:变量声明

3.1 声明和赋值

Js 中声明变量标准语法

var name = '汪瑶';

 

var:js中声明变量的关键字,浏览器看到这个关键字后,就知道其后面是变量名称

=:赋值符号,会将赋值符号右边的值赋值给赋值符号前面的变量

 

变量的一个优点:可以省区大量的重复代码

 

var str = '汪瑶:我怎么这么好看';

        alert(str);

        alert(str);

        alert(str);

        alert(str);

        alert(str);

        alert(str);

        alert(str);

        alert(str);

        alert(str);

说明:在代码中对变量的任何操作,其实都是对变量对应的值的操作

//对变量的操作,其实是对变量对应的值的操作

        var n1 = 10;

        var n2 = 20;

        alert(n1 + n2);

 

3.2 命名规范

变量的命名最核心的是要能够准确说明变量存储的值的意义

var age=20;

var name='汪瑶';

var address="上海"

var tell='15566669999';

var gender='女';

下面是具体的限制

  • 第一个字符可以是字母,下划线,美元符号.
  • 其他字符可以是字母,下划线,美元符号或者数字.
  • 不能和JS原本的关键词和保留字冲突 有很多... 标志符中的字母也可以包括含拓展的ASCII或者Unicode字母字符

3.3 交换两个变量的值

变量赋值图形化的理解

变量的值是可以变化的

//变量的值是可以变化的

        var name = '汪瑶';

        console.log(name);

        name = '张鹏';

        console.log(name);

交换两个变量的值

关键是要声明第三个变量 

//交换两个变量的值

        var n1 = 10;

        var n2 = 20;

        //交换

        var temp = n1;

        n1 = n2;

        n2 = temp;


        console.log(n1);

        console.log(n2);

 

 

原文链接:加载失败,请重新获取