

首页  思维导图  详情



JavaScript学习路线

2023-09-14 10:45:39   0  举报





AI智能生成

JavaScript学习路线

提高

码农

技术

开发

模版推荐

作者其他创作

大纲/内容

1.js基础语法

标识符

变量

松散变量本身没有类型，变量的类型由变量的值决定

5种数据类型

undefined

null

number

isNaN()

数值转换：parseInt()/parseFloat()

string

转换成字符串：String()和toString()

boolean

布尔类型转换三定律

操作符

算术操作符

逻辑操作符

2.js流程控制语句

分支

if/switch

循环

for/while/do...while

break和continue

3.js函数

返回值

参数

argument参数自由

4.js内置对象

数组

String字符串

Math和Date

5.DOM基础

1.获取DOM元素的四种方法

getElementById

getElementsByTagName

getElementsByClassName

getElementsByName（只可由document调用）

2.给DOM元素动态设置样式

ele.style.styleName=styleValue (styleName只能是驼峰式)

3.获得DOM元素的html内容

ele.innerHTML

4.给DOM元素动态添加className

ele.className=&quot;cls&quot; (后来的会覆盖掉原来的所有样式)

5.给DOM元素添加/删除html属性

ele.getAttribute(&quot;attribute&quot;)

ele.setAttribute(&quot;attribute&quot;,&quot;value&quot;)

ele.removeAttribute(&quot;attribute&quot;)

6.Dom事件

事件：HTML事件和DOM0级事件，推荐绑定DOM0级事件（ele.事件=执行函数）

执行函数可以是自定义函数，也可以传匿名函数，推荐匿名函数在执行函数中，this是对该DOM对象的引用

事件类型

鼠标事件

onload

onclick

onmousedown

onmousemove

onmouseup

onmouseover

onmouseout

onfocus

只能用于input标签type为text/password和textarea标签

onblur

onchange

用于select多选框/checkbox复选框/radio

onsubmit

表单中的确认按钮被点击时发生--该事件不是加在按钮上，而是加在表单上

onresize

onscroll

键盘事件

onkeydown

onkeypress

onkeyup

7.BOM基础

window

是ECMAScript规定的全局Global对象

window声明的变量是全局变量，window声明的方法是全局方法。（window.username=&quot;him&quot; 等价于 var username=&quot;him&quot;）

是JS访问浏览器的接口

window.alert(&quot;&quot;)

window.confirm(&quot;&quot;);

window.prompt(&quot;text&quot;,&quot;defaultText&quot;);

window.open(pageURL,name,parameters)

window.close()

定时器

setTimeout(code,millisec)

clearTimeout(id)

setInterval(code,millisec)

clearInterval(id)

location

基本属性

location.href

location.hash

location.host

location.hostname

location.pathname

location.port

location.protocol

location.search

改变URL的三个方法

location.href = &quot;index1.html&quot;

在浏览器生成历史记录

location.replace(url)

不在浏览器生成历史记录

location.reload()

location.reload(true) 从服务器加载

history

history.back()

location.forward()

history.go(-n)

history.go(n)

screen

screen.availWidth/Height

固定可用大小

window.innerWidth/Height

随窗口大小变化

navigator

Navigator.userAgent

document

event

 Collect

Get Started

2026人工智能最新课纲

 Collect

Get Started

AI、机器学习、深度学习、大模型的关系图

 Collect

Get Started

技术路线

 Collect

Get Started

适配小组学习计划





0 条评论

下一页