JavaScript从入门到精通 笔记1—基础

写在前面的话:

JavaScript是跟着b站blue老师的经典教程学的(学习路线里有链接), 跟着每节课打打代码,学完后确实感觉学到了很多东西。

现在要开始整理自己的学习笔记了,才发现笔记还是有点乱,正好通过博客整理一下,蛮好的

一、基础

  1. JavaScript是什么?
  • 比较官方解释:Javascript(JS)是一种脚本语言,主要用于Web。它用于增强HTML页面,通常可以嵌入HTML代码中。JavaScript是一种解释型语言。因此,它不需要编译。
  • 简单理解:JavaScript就是修改样式

         2. 编写JS的流程

  • 布局:HTML+CSS
  • 属性:确定要修改哪些属性
  • 事件:确定用户做哪些操作(产品设计)
  • 编写JS:在事件中,用JS来修改页面元素的样式
  1. 浏览器兼容问题,不能直接用id名div1而要用document.getElementById('div1')
  1. input用法:
  • Type="button"按钮;
  • Type="text"文本框;
  • Type="radio"单选框;
  • Type="checkbox"复选框;
  • Type="passward"密码框;//输入文字自动变为密码****
  • Type="file"自动选择本地文件;
  • Value="abc"网页显示名称/值
  1. 操作属性的方法:

    第一种操作属性的方法:

    Div1.style.width='300px'

    第二种操作属性的方法:

    Div1.style[value]='300px'(value可代指很多值)

    区别:第一种简便;第二种可以储存值,用来直接传参,第一种则不行;

    点都可以用[ ]来代替

  2. css的优先级

先设置className再设置style,因为优先级,所以clsssname会失效

  1. 函数调用加括号与不加括号的区别:

    函数()实际上等于函数的返回值,不加括号是函数名,加了括号就是调用函数了

    *例如:window.οnlοad=init;

    init函数并不会在这行代码时就执行,浏览器加载文档时这句话会被加载,会被告知文档加载完要执行哪个函数,但实际上没有当时就执行,等到整个文档加载完成之后才会通过init这个指针去执行init()。

  2. js、css,html分别代表:

  3. <script>标签究竟放到哪里?
  • 一般放在<head>或<body>里
  • <head>:浏览器先加载<script>,再加载后面body的内容,导致页面内容还没有出现,js效果先,会出现问题。

    所以使用<head>时使用window.onload=function(){ js内容},先加载页面,在js效果(window.onload()页面加载完后立刻执行)

  • <body>:页面加载完才执行,比较慢。对于前端页面优化来讲,还是放在底部是最佳的,因为如果JS执行出现错误了,最起码页面中的元素还能加载出来
  1. 1while循环

猜你喜欢

转载自www.cnblogs.com/xmmdeBlog/p/13200490.html