js基础
一、js简介和写法
1.js简介
1995年，那个年代 没有任何一个脚本语言是运行在浏览器端，当时为了把表单验证在浏览器端完成所以开始研发js
2.写法
嵌入式 : <script></script>
行内式 : <div onclick="alert('行内式')">测试行内式</div>
外链式 : <script src="my.js"></script>
二、查找和控制标签
1.查找标签
// 从整个网页文档里面, 通过id名box查找标签 document: 网页文档
alert(document.getElementById('box'))
2.入口函数
// 当浏览器加载完成之后, 执行大括号里面的命令 使程序预解析
window.onload = function(){
alert(document.getElementById('box')) }
3.控制标签
1. 控制标签的内容 - innerHTML
document.getElementById('box').innerHTML = ''
2. 控制标签的属性 - k=''
document.getElementById('img').src = './photo/3.jpg'
3.控制css样式 -style
document.getElementById('box').style.color = 'pink'
三、变量,数据类型和函数
1.变量,数据类型
变量: var xx = xx
数据类型: number string boolean undefined null , 检测数据类型 : typeof()
2.函数
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <script> // alert(num) // 变量无法预解析 var num = 1 // 定义 function fnAx(参数){命令} // 调用 fnAX(参数) alert(fnAlert()) // js函数预解析 function fnAlert(){ // alert('自定义') return 1 alert(111) } </script> </head> <body> </body> </html>
四、事件