JavaScript高级编程语言基础语法

最新推荐文章于 2023-12-02 16:16:01 发布

墨染盛夏呀

最新推荐文章于 2023-12-02 16:16:01 发布

阅读量344

点赞数

分类专栏：网页专栏文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/qq_58476985/article/details/127607390

版权

网页专栏专栏收录该内容

2 篇文章 0 订阅

订阅专栏

1、初识JavaScript

1.2 JavaScript是什么

JavaScript是世界上最流行的语言之一，是一种运行在客户端的脚本语言( Script是脚本的意思)
脚本语言∶不需要编译，运行过程中由js解释器(js 引擘)逐行来进行解释并执行
现在也可以基于Node.js技术进行服务器端编程

2、JS有三种书写位置，分别是行内、内嵌和外部。

行内式JS（适用于少量代码），举例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="button" value="点我试试" onclick="alert('Hello world')"/>
</body>
</html>

运行结果：

外部JS文件（把大段的JS代码独立到HTML页面之外，方便文件级别的复用）：

 <!-- 外部js引用 -->
    <script src="my.js"></script>

3、JS输入输出语句

alert（）：浏览器弹出警示框。
console.log（）：浏览器控制台打印输出信息
prompt（）：浏览器弹出输入框，用户可以输入

4、变量在内存中存储

声明变量：var age;自动分配空间，age是变量名。
可以声明多个变量：var age=19,name=zhang,gz=2000;

5、变量命名规范

由字母(A-Za-z)、数字(0-9)、下划戈(_)、美元符号($)组成，如: usrAge,num01，_name
严格区分大小写。var app;和var App;是两个变量
不能以数字开头。18age是错误的
不能是关键字、保留字。例如: var、for、while
变呈名必须有意义。MMD BBD，nl -age
遵守驼峰命名法。首字母小写，后面单词的首字母需要大写。myFirstName
推荐翻译网站:有道爱词霸

6、一个小例子

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // 一打开浏览器就出现弹框，弹出警示框
        alert('我是最美的女孩');
        // 输入框
        var myname1=prompt('这是一个名字' );
        // 注意的点：对于变量，输出变量，alert中不能加引号
        alert(myname1);

        // 控制台，程序员专用
        console.log('我是程序员');
        // 声明变量
        var age;
        // 赋值
        age=18;
        // 输出结果
        console.log(age);
        // 变量的初始化
        var myname ='zhang';
        console.log(myname);
// 交换两个变量
        var temp;
        var apple1='青苹果';
        var apple2='红苹果';
        temp=apple1;
        apple1=apple2;
        apple2=temp;
        console.log(apple1)
        console.log(apple2)

    </script>

    <!-- 外部js引用 -->
    <script src="my.js"></script>
</head>
<body>
    <h1>嗨喽，美女帅哥</h1>
    <!-- 点击，出现弹框 -->
    <input type="button" value="唐伯虎" onclick="alert('秋香')">
</body>
</html>

运行结果：