8.初始JavaScript
初始JavaScript
1.什么是JavaScript
javascript能做什么：
1.网页的动态效果
2.前后端交互--数据提交（弹窗/输入框/监听实践）
3.进阶--前端高级框架（Vue,js React.js Node.js)
2.JavaScript的组成
js的书写方式和css类似，也有内部写法和外部写法
内部写法和html中，写一对script标签，在把js内容写到里面
语法为：<script>js代码</script>
外部写法就是创建一个专门的js文件,通过script里的src属性引入，写在该标签里的js代码是无效的。
语法为：
<script src='js文件路径'></script>
js的代码最好写在网页内容的最后，因为代码都是从上到下进行执行的。
如果位置不对，就可能出现先执行js代码，在出现内容的情况
src除了本地文件外，还可以通过网络路径来导入
网络路径网址是jquery
3.js基本输入输出
注释：
单行注释：//内容//.
多行注释：/*内容*/
输出语句：
document.write:在网页里写一行内容。能够识别标签。
字符串需要用引号包裹，数字不用
语法格式：
document.write(内容) 注意：是字符串
案例代码：
document.write(888)
document.write('我喜欢你')
alert:弹窗，在网页里显示一个弹窗
语法格式：
alert(内容)
console.log:在控制台输出日志，在控制台里输出信息（主要用来调试测试内容）
语法格式：
console.log(内容)
案例代码：
console.log('666')
输入语句：
prompt('内容')
示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
// 输入prompt
let a=prompt('你叫什么名字：')
// 输出
document.write(a)
document.write('我想你了')
alert('999')
alert('切切切切')
console.log('0000')
console.log('8888')
</script>
</body>
</html>
4.js变量的基本概念
- 什么是变量呢？
- 其实就和其他语言里的变量是一样的，就是一个容器，即赋值，方便后面使用。
- 变量名规范：
- 由数字，字母，下划线，美元符号￥组成（中文不推荐）
- 区分大小写Name name
- 不要用关键字命名 if for break,etc
- 见名知意
var/let=声明符/标识符。在声明变量前需要加上
let = ES6新出的语法：作用和var类似，不过在一些细节上会规范（后面解释）
定义变量：
let 变量名=值，变量名2=值
5.js基本数据类型
js中查看数据类型--typeof
console.log(typeof 变量名)
数据类型：
1.整数 let num=11
2.字符串（string） let name='xjs'
1.引号不能混用，必须单+单，双+双，反+反
let name='麒麟“ 错误的
2.反引号是作为模版字符串来使用（格式化输出），让我们可以更好的输出一些带变量的数据，模版字符串只能反引号使用。单/双都不行
语法：`字符${变量}字符`
例如：console.log('你好，我是${name}我今年${age}岁')
3.boolean(布尔类型)：
布尔类型主要作用于逻辑判断，判断真假，只有两个值ture,false
注意：这里和python是不一样的，小写小写！！！
定义布尔类型变量的语法：
let a=true
let b=false
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型，支持深度思考和联网搜索！
· 25岁的心里话
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· ollama系列01：轻松3步本地部署deepseek，普通电脑可用
· 闲置电脑爆改个人服务器（超详细） #公网映射 #Vmware虚拟网络编辑器