JavaScript 用法及定义变量

1、JavaScript 用法

HTML 中的脚本必须位于 <script> 与 </script> 标签之间。

脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。


   1.1、<script> 标签

  • 如需在 HTML 页面中插入 JavaScript,请使用 <script> 标签。
  • <script> 和 </script> 会告诉 JavaScript 在何处开始和结束。
  • <script> 和 </script> 之间的代码行包含了 JavaScript:

1.2、在 <head> 或者 <body> 的JavaScript

  1. 可以在 HTML 文档中放入不限数量的脚本。
  2. 脚本可位于 HTML 的 <body> 或 <head> 部分中,或者同时存在于两个部分中。
  3. 为了语言规范通常的做法是把函数放入 <head> 部分中,或者放在页面底部。这样就可以把它们安置到同一处位置,不会干扰页面的内容。

1.3、外部引用

  1. 通过script标签的src属性,引入外部的js文件。
  2. 外部 javascript 文件不使用 <script> 标签,直接写 javascript 代码。

2、JavaScript 变量

与代数一样,JavaScript 变量可用于存放值(比如 x=5)和表达式(比如 z=x+y)。

变量可以使用短名称(比如 x 和 y),也可以使用描述性更好的名称(比如 age, sum, totalvolume)。

  • 变量必须以字母开头
  • 变量也能以 $ 和 _ 符号开头(不过我们不推荐这么做)
  • 变量名称对大小写敏感(y 和 Y 是不同的变量)

声明(创建) JavaScript 变量

  1. 在 JavaScript 中创建变量通常称为"声明"变量。

  2. 我们使用 var 关键词来声明变量:

  3. var carname;

  4. 变量声明之后,该变量是空的(它没有值)。

  5. 如需向变量赋值,使用等号:

  6. 例如:定义变量x,把1赋值给x

  7. 一条语句,多个变量,可以在一条语句中声明很多变量。该语句以 var 开头,并使用逗号分隔变量即可: var user, admin;

  8.  也可以之直接定义赋值:var age=20,year=2020;

 <script>
     var x ;
     x=1;
     
 </script>

变量赋值后,也可以重新赋值,新的值会占据变量空间。


一个现实生活的类比

如果将变量想象成一个“数据”的盒子,盒子上有一个唯一的标注盒子名字的贴纸。这样我们能更轻松地掌握“变量”的概念。

例如,变量 message 可以被想象成一个标有 "message" 的盒子,在盒子里面,有一个值为 "Hello!"

我们可以在盒子内放入任何值。

同样,我们也可以改变它。值可以根据需要多次改变。

let message;

message = 'Hello!';

message = 'World!'; // 值改变了

alert(message);

 

当值改变的时候,先前的数据就从变量中删除了。

let hello = 'Hello world!';

let message;

// 将字符串 'Hello world' 从变量 hello 拷贝进 message
message = hello;

// 现在两个变量保存着相同的数据
alert(hello); // Hello world!
alert(message); // Hello world!

 

3、JavaScript 输出

JavaScript 可以通过不同的方式来输出数据:

  • 使用 alert() 弹出警告框。
  • <script>
    
            var x;
    
            x = 1;
    
            alert(x);
    
        </script>

  • 使用 document.write() 方法将内容写到 HTML 文档中。

  

  <script>
        var text = "我是一个文本";
        document.write(text);
    </script>

  

使用 innerHTML 写入到 HTML 元素。

使用 console.log() 写入到浏览器的控制台。

  <script>
        var x;
        x = 1;
        console.log(x);
    </script>

 


  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值