先了解JavaScript这个编程语言
他是一个轻量级的web编程语言,它用于HTML和web,更加广泛用于服务器丶 PC丶笔记本,平板电脑等移动智能设备!
JavaScript他是脚本语言:
可以插入HTML中的编程代码,
插入HTML网页后可以用现代的浏览器来执行
一丶JavaScript可以做什么:
- 可以直接写入HTML然后输出;
- 对应事件的反应
- 用于改变HTML的内容
- 改变HTML的图像
- 改变HTML的颜色
- 输入验证,进行判断
二丶JavaScript的用法:
HTML中的脚本必须位于<script></script>标签之间
可以放在<head>和<body>之间
也可以单独建立JavaScript文件夹,后缀名js,用link标签引入外部js到HTML当真执行!
三丶JavaScript中的函数和事件
函数用function命名
<html>
<head>
<script>
function :myFunction(){
Document.getElementById('demo').innerHTML="这是我的第一个JavaScript函数"
}
</script>
</head>
<body>
<p id='demo'>一行信</p>
<button type='button' onclick="myFunction()">点击一下</button>
</body>
</html>
Document:输出的对象定义;
InnerHTML:输出的内容;
Onclick:点击事件调用函数;
Onclick事件调用函数时:οnclick=函数名字+()
四丶JavaScript的输出数据的方式:
<html>
<head></head>
<body>
<script>
Window.aler() //弹出警示框;
Document.write()//写入HTML中的内容;
Inner.HTML://写到HTML中的元素
Console.log()//打印输出在浏览器控制台的内容;
a =1;
b=2;
C=a+b
Console.log(c)
//控制台输出的c=3
</script>
</body>
</html>
五丶JavaScript的语法:
JavaScript字面量:
number数字字面量
123;
2324
string(字符串)
“nihao”;
“你好”
表达式字面量
3 +4
3*5
array数组字面量
[20,30,36]
objct对象字面量 定义一个对象
{color:’red’,age:’18’}
function函数字面量 定义一个函数
Function myFunction(a,b)
{a*b}
六丶Javascript变量
//用var来定义一个变量
//也可以给变量赋值:
//Var a=b
//Var a=3
<script>
Var x,y,z;
X=2,
Y=3,
Z=(x+y)
Console.log(z) //控制台输出5
</script>
写的有点烂,各路大佬不喜勿喷!