JavaScript
2020-03-04 10:19:31 0 举报AI智能生成
javascript入门导图
作者其他创作
大纲/内容
概述：轻量级，解释型脚本语言
定义网页行为
优势
减少服务器交互
立刻反馈结果
改善用户体验
应用
内嵌
<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?
语法代码量多
学起来费劲，语法组织比较松散
要解决很多浏览器兼容性的问题
0 条评论
下一页
