Knowledge From Practice（JavaScript）
1.HTML事件对象
onmouseover:鼠标移入事件
onmouseout:鼠标移出事件
onmousedown:鼠标落下事件
onmouseup:鼠标抬起事件
例子：
onclick：鼠标点击事件
例子：
onload：在页面完全载入后(包括图片、css文件等等。)执行脚本代码。
例子：
2.同上图
document.getElementById:通过id获取元素
documnet.getElementsByTagName:通过TagName获取元素（获取的为一个数组，即便里面只有一个元素）
3.innerHTML：填充或者返回内容，连HTML格式的内容也可填充/返回。
例子：填充
例子：返回+填充（将返回的内容*2，再填充）
4.定时器
setInterval(函数,间隔时间)：不断重复 间隔型定时器，开启定时器会有一个返回，便于关闭定时器时找到该定时器
setTimeout(函数a，时间n)：只执行一次 延时型定时器，此方法用于延时时间n调用函数a
例子：间隔型定时器
clearInterval(定时器返回值):关闭间隔型定时器
clearTimeout:关闭延时型定时器
例子：关闭间隔型定时器
5.内置的Date库
getFullYear(),getMonth(),getDate(),其中月份是从0开始的，要加1才是正确的月份
getDay():获取星期几，从0开始，到6结束，0为周天
getHours(),getMinutes(),getSeconds()
例子：创建Date对象，调用getFullYear函数
6.charAt():返回字符串中指定位置的字符,从0开始
7.offsetXXX
offsetTop：输出元素上边距(指元素上边距离上层控件的位置)，以数字形式展现。
offsetLeft:输出元素左边距(指元素左边距离上层控件的位置)，以数字形式展现。
offsetWidth:指元素控件自身的宽度，以数字形式展现。
offsetHeight:指元素控件自身的高度，以数字形式展现。
例子：
延伸：https://blog.csdn.net/zh_rey/article/details/78967174
*.杂
①.在<head>中有<link>标签，作用：引入外部css
②.在调试js代码时，用border看边框：border：1PX solid black；
③.this 指代 调用函数的元素
Knowledge From Practice（JavaScript）的更多相关文章
- 面向对象之七大基本原则（javaScript）
1. 前言 2. 单一职责 3. 开闭原则 4. 里氏替换 5. 依赖倒置 6. 接口隔离 7. 迪米特法则 8. 组合聚合复用原则 9. 总结 1. 前言 面向对象编程有自己的特性与原则,如果对于面 ...
- 正则表达式（javascript）学习总结
正则表达式在jquery.linux等随处可见,已经无孔不入.因此有必要对这个工具认真的学习一番.本着认真.严谨的态度,这次总结我花了近一个月的时间.但本文无任何创新之处,属一般性学习总结. 一.思考 ...
- 基于类（Java）和基于原理（JavaScript）的对象系统的比较
Java:面向对象编程语言,吸收了C++语言的各种优点,丢掉了C++让人头疼的多继承.指针等概念.具有功能强大和简单易用的两大特征.Java具有简单性.面向对象.分布式.健壮性.安全性.平台独立与可移 ...
- 深入理解Delete（JavaScript）
深入理解Delete(JavaScript) Delete 众所周知是删除对象中的属性. 但如果不深入了解delete的真正使用在项目中会出现非常严重的问题 (: Following 是翻译 ka ...
- 前端工程师（JavaScript）在业余时间如何提高自身能力
1.前端工程师(JavaScript)在业余时间如何提高自身能力? https://www.zhihu.com/question/40186398?sort=created 2.前端开发工程师必读书籍 ...
- Ubuntu环境下使用npm编译从git上clone下来的前端（Javascript）项目
一.更新Ubuntu软件源 打开终端依次输入: $ sudo apt-get update $ sudo apt-get install -y python-software-properties s ...
- 第50天学习打卡（JavaScript）
前端三要素 HTML(结构):超文本标记语言(Hyper Text Markup Language),决定网页的结构和内容. CSS(表现):层叠样式表(Cascading Style Sheets) ...
- PAT (Basic Level) Practice （中文）1078 字符串压缩与解压 (20 分) 凌宸1642
PAT (Basic Level) Practice (中文)1078 字符串压缩与解压 (20 分) 凌宸1642 题目描述: 文本压缩有很多种方法,这里我们只考虑最简单的一种:把由相同字符组成的一 ...
- PAT (Basic Level) Practice （中文）1070 结绳 (25 分) 凌宸1642
PAT (Basic Level) Practice (中文)1070 结绳 (25 分) 凌宸1642 题目描述 给定一段一段的绳子,你需要把它们串成一条绳.每次串连的时候,是把两段绳子对折,再如下 ...
随机推荐
- 【Java】【13】两个double类型比较大小
/** * @return >0,第一位数大 */ public static int compare(double double1, double double2) { BigDecimal ...
- load data语句实验报告
1.创建和选择数据库 如果管理员在设置权限时为您创建数据库,则可以开始使用它.否则,您需要自己创建它: 创建数据库不会选择它来使用; 你必须明确地这样做.要创建menagerie当前数据库,请使用以下 ...
- rpm -ivh 安装与 rpm -U安装解决问题一例
[root@localhost server3.10.12]# rpm -ivh krb5-libs-1.15.1-18.el7.x86_64.rpm警告:krb5-libs-1.15.1-18.e ...
- 【nowcoder】 4th T2 区间
题目链接:https://www.nowcoder.com/acm/contest/175/B 当你为时间复杂度挠头的时候 别人已经33行拿满分了 #include<cstdio> #in ...
- PIL库的运用
PIL库学习及运用 1.库的介绍Python Imaging Library,简称PIL python图像处理库,这个库支持多种文件格式,并提供了强大的图像处理和图形处理能力. 下面是我的学习笔记 首 ...
- 正则--test exec search match replace
1:test 是正则对象的方法不是字符串的方法,使用例子:正则对象也就是那个设定好的模式对象 var str = "hello world!"; var result = /^he ...
- vsftpd详细配置
vsftpd配置文件详解 1.默认配置: 1>允许匿名用户和本地用户登陆. anonymous_enable=YES local_enable=YES 2>匿名用户使用的登陆名为ftp或a ...
- 小程序中通过判断id来删除数据，当数据长度为0时，显示隐藏部分（交流QQ群：604788754）
欢迎加入小程序交流群:本群定期更新在工作种遇到的小知识(交流QQ群:604788754) WXML: <!--遍历循环的数据部分--> <block wx:for="{{d ...
- 面向对象DAO模式
DAO模式编写数据访问层代码步骤? 1. 接口 增.删.改.查的方法 方法的返回类型为泛型集合 Int rows=select语句的条数 If(rows>0) 方法的返回类型为泛型集合 If( ...
- 不同版本的IDE ，对应的选项 有变化
xx.dproj对应的项目级选项 也不同,所以,要分别保存为不同的文件. 如果不同的IDE,打开同一个 .dproj文件,会因为 选项界面的选项不同,提示一些错误.