写在前面的话:
JavaScript是跟着b站blue老师的经典教程学的(学习路线里有链接), 跟着每节课打打代码,学完后确实感觉学到了很多东西。
现在要开始整理自己的学习笔记了,才发现笔记还是有点乱,正好通过博客整理一下,蛮好的
一、基础
- JavaScript是什么?
- 比较官方解释:Javascript(JS)是一种脚本语言,主要用于Web。它用于增强HTML页面,通常可以嵌入HTML代码中。JavaScript是一种解释型语言。因此,它不需要编译。
- 简单理解:JavaScript就是修改样式
2. 编写JS的流程
- 布局:HTML+CSS
- 属性:确定要修改哪些属性
- 事件:确定用户做哪些操作(产品设计)
-
编写JS:在事件中,用JS来修改页面元素的样式
- 浏览器兼容问题,不能直接用id名div1而要用document.getElementById('div1')
- input用法:
- Type="button"按钮;
- Type="text"文本框;
- Type="radio"单选框;
- Type="checkbox"复选框;
- Type="passward"密码框;//输入文字自动变为密码****
- Type="file"自动选择本地文件;
-
Value="abc"网页显示名称/值
-
操作属性的方法:
第一种操作属性的方法:
Div1.style.width='300px'
第二种操作属性的方法:
Div1.style[value]='300px'(value可代指很多值)
区别:第一种简便;第二种可以储存值,用来直接传参,第一种则不行;
点都可以用[ ]来代替
-
css的优先级
先设置className再设置style,因为优先级,所以clsssname会失效
-
函数调用加括号与不加括号的区别:
函数()实际上等于函数的返回值,不加括号是函数名,加了括号就是调用函数了
*例如:window.οnlοad=init;
init函数并不会在这行代码时就执行,浏览器加载文档时这句话会被加载,会被告知文档加载完要执行哪个函数,但实际上没有当时就执行,等到整个文档加载完成之后才会通过init这个指针去执行init()。
-
js、css,html分别代表:
- <script>标签究竟放到哪里?
- 一般放在<head>或<body>里
-
<head>:浏览器先加载<script>,再加载后面body的内容,导致页面内容还没有出现,js效果先,会出现问题。
所以使用<head>时使用window.onload=function(){ js内容},先加载页面,在js效果(window.onload()页面加载完后立刻执行)
- <body>:页面加载完才执行,比较慢。对于前端页面优化来讲,还是放在底部是最佳的,因为如果JS执行出现错误了,最起码页面中的元素还能加载出来
-
1while循环