javaScript初步学习(一）

最新推荐文章于 2024-09-17 21:49:02 发布

遥远的光

最新推荐文章于 2024-09-17 21:49:02 发布

阅读量230

点赞数

文章标签： javascript html

本文链接：https://blog.csdn.net/huoyimo/article/details/105944627

版权

学习javaScript原因：公司正在负责的这个项目需要写部分前端代码，写ajax向后端发送请求，然后接收后端返回的值进行处理，完成展示。
学习资料：根据菜鸟教程学习相关知识
1.什么是javaScript？
javaScript是Web编程语言，它用于增强HTML页面，通常可以嵌入HTML代码中，JavaScript是一种解释型语言。因此，它不需要编译。
2.javaScript用法
HTML 中的脚本必须位于 <script> 与 </script> 标签之间。脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。
注意：浏览器会解释并执行位于 <script> 和 </script>之间的 JavaScript 代码。
（1）body中的javaScript会在页面加载时执行；
（2）把一个 JavaScript 函数放置到 HTML 页面的 head或者body 部分，该函数会在点击按钮时被调用；
（3）也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。
例如：<script src="script.js"></script>
3.javaScript输出
（1）使用window.alert()弹出警告框
（2）使用document.write()方法将内容写到HTML文档中
（3）使用innerHTML写入到HTML元素
（4）使用console.log()写入到浏览器的控制台。
4.javaScript语法
javaScript是一个脚本语言，他是轻量级但功能强大的编程语言
（1）javaScript字面量
a.数字字面量，可以是整数或者小数，或者科学计数(e)
b.字符串字面量，可以使用单引号或双引号
c.表达字面量，用于计算
如：5+6，5*10
d.数组字面量，定义一个数组

如：[40，100，1，5，25]
e.对象字面量，定义一个对象
如：{firstName:“John”, lastName:“Doe”, age:50, eyeColor:“blue”}
f.函数字面量，定义一个函数
如：function myFunction(a,b){
return a*b;
}
（2）javaScript变量

变量用来存储数据值，javaScript使用关键字var来定义变量，使用等号来为变量赋值。
如：var x ，x = 1
（3）JavaScript操作符
a.算术运算符
如：1+1
b.赋值运算符
var x，x = 5
补充在这里插入图片描述（4）javaScript语句
在HTML中，javaScript语句向浏览器发出的命令。语句用分号隔开：
如：var x,y; x = 1+1; y = x +1;
（5） javaScript关键字
用于标志要执行的操作，如var关键字告诉浏览器创建一个新的变量：
var x = 1+2；
var y = x +3;
补充：javaScript最重要的保留字
在这里插入图片描述
（6）javaScript注释
// ，使用双斜杠后的内容浏览器不执行
（7）javaScript数据类型
javaScript有多种数据类型：数字，字符串，数组，对象，等等。
（8）javaScript函数
javaScript语句可以写在函数内，函数可以重复引用（引用就是执行函数的意思）
如：function myFunction(a,b){
return a*b;
}
（9）javaScript字母大小写
javaScript对大小写是敏感的。（大小写不能搞错）
（10）javaScript字符集
javaScript使用Unicode字符集。

注意：javaScript常见的是驼峰式命名规则

5.javaScript语句
javaScript语句向浏览器发出命令，这些命令告诉浏览器该做什么。
如：

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>title</title> 
</head>
<body>
<h1>标题</h1>
<p id="demo">段落</p>
<script>
document.getElementById("demo").innerHTML = "hello";
</script>
</body>
</html>

（1）分号，是用来分割javaScript语句
（2）javaScript代码，浏览器按照编写顺序依次执行每条语句。
（3）javaScript代码块，代码块以左花括号开始，右花括号结束，代码块的作用是一并地执行语句序列
（4）javaScript语句标识符，JavaScript 语句通常以一个语句标识符为开始，并执行该语句，语句标识符是保留关键字不能作为变量名使用
补充：语句标识符
在这里插入图片描述
（5）空格，javaScript会忽略多余的空格
（6）对代码行进行拆分，您可以在文本字符串中使用反斜杠对代码行进行换行。
6.javaScript注释
只是可用于对相关代码解释，增加可读性
（1）// 单行注释
（2）/* */ 多行注释