前段学习篇 - Javascript

最新推荐文章于 2023-09-28 19:22:10 发布

color_coral

最新推荐文章于 2023-09-28 19:22:10 发布

阅读量121

点赞数

分类专栏：前段 JavaScipt

本文链接：https://blog.csdn.net/color_coral/article/details/89887195

版权

本文详细介绍了JavaScript的基础知识，包括函数、循环、DOM和BOM操作。讲解了如何利用window对象进行浏览器交互，如改变窗口大小、打开新窗口等。还深入探讨了DOM操作，如查找、创建、修改和删除节点，以及类名的操作和CSS属性的设置。此外，还提到了事件处理，是前端开发者必备的知识。

摘要由CSDN通过智能技术生成

1.基础

#引用
<script src="myscript.js"></script>

2.函数

// var str = ' hello world    '
// console.log(str.trim())
// console.log(str.charAt(4))
// console.log(str.indexOf('o',5)) //这里第一个元素要用引号引起来
// console.log(str.slice(1,5));
// console.log(str.split(' ',3))

这里我们把JS看成是对象，对象有很多的方法，就是对象.方法

3.循环


var a = [10,20,30,40,50]

for (var i = 0; i<a.length;i++){
	console.log(a[i])
}

for (var i  in a){
	console.log(a[i])
}

var a = {"name":"alex","age":18}

console.log(a.name)
console.log(a['age'])

for (var i in a){
	console.log(i)
	console.log(a[i])
	console.log(i,a[i])
}


var a = 10

if (a>10){
	console.log('11')
}else if(a = 10){
	console.log('10')
}else{
	console.log('9')
}

var i = 0
while(i <10){
	console.log(i)
	i++
}

4. 三元一次

var a = 1;
var b = 2;
var c = a > b ? a : b

5.函数

匿名函数
var sum = function(a,b){
	return a+b
}

console.log(sum(1,2))

(function(a, b){
	return a+b
})(1,2);

立即执行函数
(function(a, b){
  console.log(a + b)
})(1, 2); 


var f = v => v;
等同于
var f = function(v){
	return v;
}
console.log(f(5))//5

// 　函数只能返回一个值，如果要返回多个值，只能将其放在数组或对象中返回。

// 　　函数的全局变量和局部变量
// 　　　　局部变量：

// 　　　　　　在JavaScript函数内部声明的变量（使用 var）是局部变量，所以只能在函数内部访问它（该变量的作用域是函数内部）。只要函数运行完毕，本地变量就会被删除。

// 　　　　全局变量：

// 　　　　　　在函数外声明的变量是全局变量，网页上的所有脚本和函数都能访问它。

// 　　　　变量生存周期：

// 　　　　　　JavaScript变量的生命期从它们被声明的时间开始。

// 　　　　　　局部变量会在函数运行以后被删除。

// 　　　　　　全局变量会在页面关闭后被删除。

// 　　作用域
// 　　　　首先在函数内部查找变量，找不到则