JavaScript ——简介

JavaScript 是目前最流行脚本语言，简称 JS。JavaScript 编写在 HTML 页面中，由浏览器负责解释和执行，JavaScript 通常用来给 HTML 页面增加交互能力。
 
JS可以给html带来的功能：
为页面增加动画效果
验证表单输入项有效性
实现本地数据存储

 

html、CSS和JS之间的关系

JS的语言应用——内嵌式/内部式/外部式

在html中，可以通过以下三种方法来应用JS：

1.内嵌式：又称行内式，在HTML标签上编写JS，如：<button οnclick="alert('你好 JavaScript');">Hello！JavaScript</button>
  
<html>
<head>
    <meta charset="UTF-8">
    <title>JS</title>
</head>
<body>

<button onclick="alert('你好 JS');">Hello JS</button>  
  
</body>
</html>
2.内部式：在HTML页面中的script标签中编写JS，如:<script>...</ script >
  
<html>
<head>
    <meta charset="UTF-8">
    <title>JS</title>

    <script type="text/javascript">    	
        alert(“你好 JS”);    
    </script>

</head>
<body>
</body>
</html>
 
3.外部式：在HTML页面中引入外部JS文件，如：<script src=“xx.js"></ script >

 

<html>
<head>
    <meta charset="UTF-8">
    <title>JS</title>
</head>
<body>
    <script src="main.js"></script>
</body>
</html>

这个要在main.js文件中加入语句  alert(“你好 JS”);     才能运行。

JavaScript 变量——存储数据信息的“容器”

JS对变量定义比较特殊，使用var来进行定义，如：var name=“hello”;

命名规则：

1.变量名只能包含：字母、数字、下划线( _ )
2.不能以数字开头
3.不能使用JS关键字
4.变量名区分大小写，下面是两个不同的变量

var name=“学习”;

var Name=“XueXi” ;

<script type=“text/javascript”>        
    var age=21;
    var phone1=“13800000000”;
    var my_address=“YunNan”;
    
    x=5,y=10;

</script>

JS中定义多个变量利用逗号 , 分割，如：var name=“张三”,age,phone;

 

JS关键字

JS关键字又称“Js保留字”，不能用作变量名或者函数名，以下是部分保留字列表：

abstract

arguments

boolean 

break

byte

case

catch

char

class*

const

continue

debugger

default

delete

do

double

else

enum*

eval

export*

extends*

false

final

finally

float

for

function

goto

if

implements

import*

in

instanceof

int

interface

let

long

native

new

null

package

private

protected

public

…

 

JavaScript 中的6种数据类型

1. 字符串 （ String ）
  var name = “张三”;  // 字符串(单引号或双引号)
 
2. 数字 （ Number）
var age = 20;  // 数字
 
3. 布 尔 （ Boolean ）
var isFirst = true; // 布尔( true 或 false )
 
4. 对象 （ Object ）
var company = new Object(); // 对象
 
5. 空 （ Null ）
var address = null; // 空
 
6. 未定义 （ Undefined ）
var phone; // 未定义

 

我们可以利用JavaScript内置函数typeof 判断数据类型。

JS动态类型

JS拥有动态类型特征，这意味着相同的变量可以用来存储不同的类型值，也就是说，JavaScript中的变量，可以根据其存储的值，动态改变其变量类型

<script type=“text/javascript”>        
    var x;  // x 为未定义类型 undefined
    x = 20;  // 现在 x 为数字类型 number
    x = “Hello”; // 现在 x 为字符串类型 string
</script>

JS注释

注释不会被执行，但可以提高代码的可读性或方便调试。在JS中，注释的编写有两种方式：一种是单行注释，一种是多种注释

<script type=“text/javascript”>        
    var name = “张三”;  // 姓名
    /* 
     x初始值必须为 20
     如果大于20则… 
     */
    var x = 20
</script>

调试时可以将暂时不用的部分注释掉，待调试完后去掉注释符号即可

<script type=“text/javascript”>
   var y = 30;
   // y = y + 100; 
  /*
    var x = 25;
     y = x + 80;
   */       
</script>

如有帮助，可以留下一个免费的赞支持一下，感激不尽！

# javascript
Logo
华为云开发者联盟

为开发者提供学习成长、分享交流、生态实践、资源工具等服务，帮助开发者快速成长。

更多推荐

cover

认识一下JavaScrip中的元编程

avatar 华为云开发者联盟
cover

世界读书日 | 开发者必读书单重磅来袭，华为云DTSE专家天团力荐

avatar 华为云开发者联盟
cover

重磅新品发布！云耀数据库HRDS，享受轻量级的极致体验

avatar 华为云开发者联盟