登录免费注册

首页  思维导图  详情



 



JavaScript

JavaScript

2020-03-04 10:19:31   0  举报





AI智能生成

javascript入门导图

javascript

js

软件开发

模板推荐

作者其他创作

大纲/内容

概述：轻量级，解释型脚本语言

定义网页行为

优势

减少服务器交互

立刻反馈结果

改善用户体验

应用

内嵌

<script>...</script>

禁止javascript可以复制网页内容

外联

<script src=".js"></script>

<script laguage="javascript" type="text/javascript" src="js/script.js"></script>

运行js

document.write("")

文档中展示

alert()

弹出框

cosole.log()

控制台

位置

具体情况具体对待

网站

jsbin.com

注释

//单行注释

/* 多行注释 */

声明变量

var name = "Tom";

变量与类型

常用类型

Number

20

3.14

String

"name"

单双皆可

Boolean

true

false

null

undefined

Object

运算

数学运算

+

-

*

/

%

++

--

比较运算

==

!=

>

...

逻辑运算

&&

和

||

或

!

非

类型检查

typeof

流程控制

if...else

switch...case

switch判断,case当什么什么情况下

while 循环

do...while 循环

确保循环至少执行一次

for 循环

for in 遍历

循环控制

break

continue

函数

定义

function 函数名（形参列表,...）{...}

return 返回值

调用 func（实参列表...）

事件

单击 onclick()

表单提交 onsubmit()

鼠标经过 onmouseover()

值改变是 onchange()

...

window窗体对象

地址跳转

window.location

警告框

alert("message");

确认框

confirm("Message");

接受用户输入

promp("Message");

DOM 文档对象模型

节点树

定位

通过ID定位

document.getElementByld("id");

通过Tag名

document.getElementsByTagName("p");

通过Class类名

document.getElementsByClassName("class");

属性操作

.hasAttribute("attr");

是否有某个属性

.getAttribute("attr");

获取属性

.setAttribute("attr","val");

指定一个属性

.removeAttribute("attr");

删除属性

文本节点操作

改变文本

innerHTML("html")

创建节点

JQuery中讲

删除节点

JQuery中讲

为何用JQuery不用JS?

语法代码量多

学起来费劲，语法组织比较松散

要解决很多浏览器兼容性的问题

 Collect

Get Started

JavaScript组成

 Collect

Get Started

JavaScript

 Collect

Get Started

AI生成-前端知识树状结构图

 Collect

Get Started

JavaScript













评论

0 条评论

下一页



图形选择

思维导图

主题

补充说明

AI生成





修改AI描述

去编辑

重新生成

提示 

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

取消

确定

Document