JavaScript基础

PS3254616898

已于 2023-04-15 13:19:00 修改

阅读量214

点赞数

文章标签： javascript

于 2023-04-15 13:14:45 首次发布

本文链接：https://blog.csdn.net/PS3254616898/article/details/130167026

版权

JavaScript介绍

JS是什么
js书写位置
js的注释
js的结束符
输入和输出的语法
字面量

js是一种运行在客户端的编程语言，实现人机交互的效果

可以实现网页特效，表单验证，数据交互等，服务器后端

标题js是由什么组成

ECMAScript:
规定了js的基础核心知识。
[]比如：变量，分支语句，循环语句，对象等等
Web APIs:
[] DOM 操作文档，比如对元素进行移动，大小，添加删除等操作
[]BOM操作浏览器，比如页面窗口，检测窗口宽度，储存数据到浏览器等等

基础语法

js的书写位置

行内样式表
内部样式表
外部样式表

内部样式

直接写在html文件，用script包裹

<!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>
    <!-- 内部样式 -->
<script>
     alert('ashdkashdasg')
    //  弹出警示页面
</script>
</body>

</html>

如下
在这里插入图片描述

外部js的引用

语法<scaipt src ='路径'><script

<!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>
    <!-- 外部引用 -->
<script src="../my.js"></script>
</body>

</html>

如下在这里插入图片描述

js的结束符是可以省略的

alert('ashdsabnaskdjasdk')
alert('sajdgjasgdashsd');//没有区别

js的输入和输出语法

输出语法
doucument.write(‘输出的内容’)

<!-- 向body中输入内容 -->
    <script>
        document.write('sahkgdhasgdhsag');//输入语句
        document.write('sahkgdhasgdhsag');//输入语句
        document.write('<h1>jkdhkas</h1>');//输入标题
        
        document.write('<p>ajkdhashg</p>');//输入p标签
    </script>

在这里插入图片描述

2.console.log(‘控制台打印’)

 console.log('你好')//给调试人员使用，在网页上不显示内容

输入语法

1.prompt(‘请输入信息’)
作用：显示一个对话框，对话框中包含一条文字消息，用来提示用户输入文字

 prompt('输入文字信息')

字面量

计算机中，字面量是计算机中描述事/或物，即是可以看明白的一种符号
如：

1.你有10岁：10就是一个数字字面量
2.[ ] 这是一个数组字面量
3. ‘你好’，这是一个字符串字面量

变量

变量是什么
变量的基本使用
变量的本质
变量命名的规则与规范

1.变量是什么

变量：是一个装东西的容器，用来存放计算机的数据，让计算机变得有记忆。

变量的使用

1.变量的声明
2.变量的赋值
语法：let 变量名

  alert('你好欢迎光临')
        document.write('你来了吗？')
        console.log('请检查错误')
        prompt("请输入数字")
        //声明的一个变量
        let age
        //赋值
        age = 88
        //使用变量
        console.log(age);
        document.write(age)
        //直接初始化
        let name  = '张三'，id = 354546//并列声明也是合法的
    console.log(name,id)//也是合法的