JavaScript
2020-03-04 10:19:31 0 举报AI智能生成
javascript入门导图
作者其他创作
大纲/内容
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
while 循环
do...while 循环
确保循环至少执行一次
for 循环
for in 遍历
循环控制
break
continue
函数
定义
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\
指定一个属性
.removeAttribute(\"attr\");
删除属性
文本节点操作
改变文本
innerHTML(\"html\")
创建节点
JQuery中讲
删除节点
为何用JQuery不用JS?
语法代码量多
学起来费劲，语法组织比较松散
要解决很多浏览器兼容性的问题
0 条评论
回复 删除
下一页
