js学习笔记1---使用方法

1.获取对象:

　　a) 通过名称来获取元素：document.getElementById() //属于静态方法，方法前面只能用document

　　b) document.getElementsByClassName()

　　c) document.getElementsByTagName() //属于动态方法，方法前面可以用其他元素，如oUl.getElementsByTagName("li")，找到的是一个元素的集合, 用TagNames的时候，必须要加上“[]”,如aLi[i].onclick = function(){};

2.事件:

　　a) 鼠标事件

onclick
onmouseover
onmouseout
onmousemove
onmouseup
onmousedown

　　b) 键盘事件

　　c) 系统事件

　　d) 表单事件

　　e) onload 加载完以后执行......

window.onload = 事情 //如window.onload = showElments;
img.onload
body.onload
……

3.如何添加事件:

a) 元素.onmouseover

4.函数:可以理解为-命令,做一些事~~

a) 匿名函数

如: function (){

……

};

b) function 方法名(){};

如function show(){

……

};

5.函数使用方法:

a) 直接调用: show();

b) 事件调用: 元素.事件 = 函数名 (oDiv.onclick = show;) //函数名千万不要加括号

c) 匿名函数调用: 元素.事件 = function (){};

6.测试:

a) alert(); //带一个确定按钮的警告框

js学习笔记1---使用方法相关推荐

js学习笔记2 -- js使用方法
js学习笔记2 -- js使用方法方法一,使用外部js文件(推荐使用) 方法二,写在script标签中方法三,写到标签的onclick属性中方法四,使用超链接方法一,使用外部js文件(推荐使用 ...
ArcGIS JS 学习笔记4 实现地图联动
原文:ArcGIS JS 学习笔记4 实现地图联动 1.开篇守望屁股实在太好玩了,所以最近有点懒,这次就先写个简单的来凑一下数.这次我的模仿目标是天地图的地图联动. 天地的地图联动不仅地图有联动,而 ...
node.js学习笔记
# node.js学习笔记标签(空格分隔): node.js---## 一内置模块学习 ### 1. http 模块 ``` //1 导入http模块 const http =require('ht ...
WebGL three.js学习笔记 6种类型的纹理介绍及应用
WebGL three.js学习笔记 6种类型的纹理介绍及应用本文所使用到的demo演示: 高光贴图Demo演示反光效果Demo演示(因为是加载的模型,所以速度会慢) (一)普通纹理计算机图形学 ...
基于jquery的插件turn.js学习笔记
基于jquery的插件turn.js学习笔记简介 turn.js是一个可以实现3d书籍展示效果的jq插件,使用html5和css3来执行效果.可以很好的适应于ios和安卓等触摸设备. How it ...
Node.js学习笔记8
Node.js学习笔记8 HTTP服务器与客户端 Node.js的http模块,封装了一个高效的HTTP服务器和一个简易的HTTP客户端 http.server是一个基于事件的HTTP服务器,核心由N ...
node.js学习笔记5——核心模块1
node.js学习笔记5--核心模块1 Node.js核心模块主要内容包括:(1)全局对象 (2)常用工具 (3)事件机制 (4)文件系统访问 (5)HTTP服务器与客户端一: 全局对象 Node. ...
Vue.js 学习笔记十二 Vue发起Ajax请求
首先需要导入vue-resource.js,可以自己下载引入,也可以通过Nuget下载,它依赖于Vue.js. 全局使用方式: Vue.http.get(url,[options]).then(suc ...
Vue.js 学习笔记十一自定义指令
之前看到过v-bind,v-on等指令,Vue还可以自定义指<div id="divApp" <div v-focus></div> & ...

js学习笔记1---使用方法

js学习笔记1---使用方法相关推荐

最新文章

热门文章