登录免费注册



直译式脚本语言JavaScript学习路线

首页  思维导图  详情



直译式脚本语言JavaScript学习路线

2024-01-24 20:15:52   0  举报





AI智能生成

直译式脚本语言JavaScript学习路线

直译式脚本语言

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="cls" (后来的会覆盖掉原来的所有样式)

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

ele.getAttribute("attribute")

ele.setAttribute("attribute","value")

ele.removeAttribute("attribute")

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="him" 等价于 var username="him"）

是JS访问浏览器的接口

window.alert("")

window.confirm("");

window.prompt("text","defaultText");

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 = "index1.html"

在浏览器生成历史记录

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

JavaScript学习路线图 2020

 Collect

Get Started

JavaScript学习路线图 2020

 Collect

Get Started

IOS学习路线图

 Collect

Get Started

JavaScript学习路线

 Collect

Get Started

javascript













评论

0 条评论

下一页



图形选择

思维导图

主题

补充说明

AI生成





修改AI描述

去编辑

重新生成

提示 

关闭后当前内容将不会保存，是否继续？

取消

确定

Document