前端学习5——自学习梳理
javascript 通俗理解：和人有些交互
javascript基本语法
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!-- 内嵌 -->
<!-- <script>
alert(1)
</script> -->
<!-- 外引 -->
<script src="js/JavaScript基础语法.js">
</script>
<!-- <script>
alert("hello")
</script> -->
<!-- 一个标签既有内嵌又有外引，内嵌不执行 -->
</head>
<body>
<div>hello</div>
</body>
</html>// 变量定义 var声明一个变量
// var a = 10 ; //分号可加可不加 换号/；都代表结束
// var b = "hello"
// var b = 'demo'
// var c = 103.8
// var d = true
// var e = false
// var f
// 基本类型
// 1、数字 var a = 10 var c = 103.8
// 2、字符串 var b = "hello" var b = 'demo'
// 3、布尔类型 真 true 假 false
// 4、undefined 声明了一个变量，但是没有赋值
// 5、null 涉及到一个量，但是这个这个量不存在
// 复合类型
// 1、数组 var arr = []
// var arr = [10, 103.8, true, false, "hello", undefined, null, [20, 'demo', false], {
// name: "张三",
// age: 40
// }, function f(a, b) {
// console.log('数组里的命名函数')
// console.log(a)
// console.log(b)
// },
// function(a, b) {
// console.log('数组里的匿名函数')
// console.log(a)
// console.log(b)
// }
// ]
// 通过下标访问
// console.log(arr)
// console.log(arr[9])
// 数组里方法调用
// arr[9]()
// arr[9]("demo", 100)
// console.log(arr[10])
// arr[10]()
// arr[10]("helo", 7)
// console.log(arr[7][1])
// 2、 对象 var obj = {}
// var obj = {
// name: "张三",
// age: 40,
// sex: "男",
// play: ['篮球', '羽毛球', '乒乓球'],
// wife: {
// name: "李四",
// age: 38,
// sex: '女'
// },
// eat: function f(a, b) {
// console.log('对象里的命名函数')
// console.log(a)
// console.log(b)
// },
// run: function(a, b) {
// console.log('对象里的匿名函数')
// console.log(a)
// console.log(b)
// }
// }
// 对象.属性访问
// console.log(obj)
// console.log(obj.play)
// console.log(obj.play[1])
// console.log(obj.wife.name)
// 对象里的函数调用
// console.log(obj.eat)
// obj.eat()
// obj.eat("delo", 80)
// console.log(obj.run)
// obj.run()
// obj.run(520, "aa")
// 3、函数
// function申明函数的关键字
// f方法名
// (a,b)参数列表
// {}函数体
// 命名函数
// var cc = function f(a, b) {
// console.log("方法执行啦")
// console.log(a)
// console.log(b)
// }
// 函数调用
// console.log(cc)
// f()
// f('hello', 100)
// cc()
// cc('hello', 100)
// 匿名函数
// var aa = function(a, b) {
// console.log("方法执行啦")
// console.log(a)
// console.log(b)
// }
// console.log(aa)
// aa()
// aa('hello', 100)
// 交互
// onclick点击事件
// onmouseenter鼠标放上去
// onmouseleave鼠标离开
//window 幕后大佬
// document.onmouseleave = function() {
// alert(1)
// }
// console.log(document)
// console.dir(document)
// var aa = function(a) {
// alert(a)
// return 10
// }
// document.onclick = aa
// console.log(aa)
// console.log(aa())原文地址：https://blog.csdn.net/qq_63125992/article/details/140672381
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！