JavaScript
2021-07-09 09:46:41 190 举报
AI智能生成
web程序设计
作者其他创作
大纲/内容
函数
自定义
function functionName(parameters) {<br> 执行的代码<br>}
自调用函数
函数表达式可以 "自调用"。<br>自调用表达式会自动调用。<br>如果表达式后面紧跟 () ,则会自动调用。<br><br>(function () {<br> var x = "Hello!!"; // 我将调用自己<br>})(); <br><br>以上函数实际上是一个 匿名自我调用的函数 (没有函数名)。
函数调用
作为一个函数调用
使用构造函数调用函数
函数作为方法调用
作为函数方法调用函数
DOM模型<br>
html
通过 id 找到 HTML 元素<br> 通过标签名找到 HTML 元素<br> 通过类名找到 HTML 元素<br>
改变 HTML 输出流<br>改变 HTML 内容document.getElementById(id).innerHTML=新的 HTML<br>改变 HTML 属性document.getElementById(id).attribute=新属性值
css
改变HTML样式document.getElementById(id).style.property=新样式
事件
常见事件反应
当用户点击鼠标时<br> 当网页已加载时<br> 当图像已加载时<br> 当鼠标移动到元素上时<br> 当输入字段被改变时<br> 当提交 HTML 表单时<br> 当用户触发按键时<br>
onload /onunload
onchange
onmouseover /onmouseout
onmousedown/onmouseup/onclick
eventListener
addEventListener() 方法
removeEventListener() 方法
元素
创建新的 HTML 元素 (节点) - appendChild()
创建新的 HTML 元素 (节点) - insertBefore()
移除已存在的元素-removeChild()
替换 HTML 元素 - replaceChild()
so on<br>
jQuery
见其他脑图<br>
变量
作用域
局部作用域
全局变量
命名
小驼峰
变量必须以字母开头<br> 变量也能以 $ 和 _ 符号开头(不过我们不推荐这么做)<br> 变量名称对大小写敏感(y 和 Y 是不同的变量)<br>
数据类型
Number
数字可以带小数点,也可以不带,数值较大时可以采用科学计数法
string
字符串可以是引号中的任意文本。您可以使用单引号或双引号<br>可以在字符串中使用引号,只要不匹配包围字符串的引号即可
null
将变量的值设置为 null 来清空变量
undefind
Undefined 这个值表示变量不含有值。
基本结构
顺序
从上往下执行
选择
if语句
三元运算符
switch语句
循环
for循环
while循环
do…while循环
数据结构
数组
创建
1: 常规方式:<br>var myCars=new Array();<br>myCars[0]="Saab"; <br>myCars[1]="Volvo";<br>myCars[2]="BMW";<br><br>2: 简洁方式:<br>var myCars=new Array("Saab","Volvo","BMW");<br><br>3: 字面:<br>var myCars=["Saab","Volvo","BMW"];
访问
通过指定数组名以及索引号码,你可以访问某个特定的元素。<br><br>以下实例可以访问myCars数组的第一个值:<br>var name=myCars[0];<br><br>以下实例修改了数组 myCars 的第一个元素:<br>myCars[0]="Opel";
数组元素
你可以在一个数组中包含对象元素、函数、数组
对象
对象只是一种特殊的数据。对象拥有属性和方法。
访问对象的属性
属性是与对象相关的值。<br>访问对象属性的语法是:<br>objectName.propertyName
访问对象的方法
方法是能够在对象上执行的动作。<br>您可以通过以下语法来调用方法:<br>objectName.methodName()
创建对象
创建新对象有两种不同的方法:<br> 1.使用 Object 定义并创建对象的实例。<br> 2.使用函数来定义对象,然后创建新的对象实例。<br>
0 条评论
下一页