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）的更多相关文章

  1. 面向对象之七大基本原则（javaScript）

    1. 前言 2. 单一职责 3. 开闭原则 4. 里氏替换 5. 依赖倒置 6. 接口隔离 7. 迪米特法则 8. 组合聚合复用原则 9. 总结 1. 前言 面向对象编程有自己的特性与原则,如果对于面 ...

  2. 正则表达式（javascript）学习总结

    正则表达式在jquery.linux等随处可见,已经无孔不入.因此有必要对这个工具认真的学习一番.本着认真.严谨的态度,这次总结我花了近一个月的时间.但本文无任何创新之处,属一般性学习总结. 一.思考 ...

  3. 基于类（Java）和基于原理（JavaScript）的对象系统的比较

    Java:面向对象编程语言,吸收了C++语言的各种优点,丢掉了C++让人头疼的多继承.指针等概念.具有功能强大和简单易用的两大特征.Java具有简单性.面向对象.分布式.健壮性.安全性.平台独立与可移 ...

  4. 深入理解Delete（JavaScript）

    深入理解Delete(JavaScript) Delete  众所周知是删除对象中的属性. 但如果不深入了解delete的真正使用在项目中会出现非常严重的问题 (: Following 是翻译  ka ...

  5. 前端工程师（JavaScript）在业余时间如何提高自身能力

    1.前端工程师(JavaScript)在业余时间如何提高自身能力? https://www.zhihu.com/question/40186398?sort=created 2.前端开发工程师必读书籍 ...

  6. Ubuntu环境下使用npm编译从git上clone下来的前端（Javascript）项目

    一.更新Ubuntu软件源 打开终端依次输入: $ sudo apt-get update $ sudo apt-get install -y python-software-properties s ...

  7. 第50天学习打卡（JavaScript）

    前端三要素 HTML(结构):超文本标记语言(Hyper Text Markup Language),决定网页的结构和内容. CSS(表现):层叠样式表(Cascading Style Sheets) ...

  8. PAT (Basic Level) Practice （中文）1078 字符串压缩与解压 (20 分) 凌宸1642

    PAT (Basic Level) Practice (中文)1078 字符串压缩与解压 (20 分) 凌宸1642 题目描述: 文本压缩有很多种方法,这里我们只考虑最简单的一种:把由相同字符组成的一 ...

  9. PAT (Basic Level) Practice （中文）1070 结绳 (25 分) 凌宸1642

    PAT (Basic Level) Practice (中文)1070 结绳 (25 分) 凌宸1642 题目描述 给定一段一段的绳子,你需要把它们串成一条绳.每次串连的时候,是把两段绳子对折,再如下 ...

随机推荐

  1. Windows上验证过的一些乱七八糟的笔记

    1.Win10安装时报错“windows 无法安装到这个磁盘 gpt分区形式”? 答:shift+f10:  https://jingyan.baidu.com/article/08b6a591c82 ...

  2. EAP-MD5计算方法

    一.说明 领导要求确认设备进行802.1X认证时,是否直接将用户名密码明文传给交换机.配好端口镜像.搭好Radius环境后进行了抓包分析. 二.计算 2.1 802.1X认证过程 完整流程如下: 客户 ...

  3. 转载（略有修改）：Windows 8的承载网络设置方法（w8 创建无线网络/ap）

    第一步.查看电脑是否支持网络共享 在命令提示符(打开方式看文章最后)中输入:netsh wlan show drivers,然后回车. 找到"支持的承载网络"一项,如果后面显示的是 ...

  4. 详解Linux下swig 3.0.12的手动安装过程

    详解Linux下swig 3.0.12的手动安装过程 首先 从http://www.linuxfromscratch.org/blfs/view/cvs/general/swig.html上下载swi ...

  5. day25_python_1124

    1.内容回顾 2.作业讲解 3.今日作业 4.粘包问题 5.tcp和udp 6.udp-socket 7.udp-socket 多人聊天 8.socketserver-tcp-socket并发 9.p ...

  6. Springmvc对就jdbc封装的操作

    解释: JdbcTemplate 封装常用的JDBC方法 HibernateTemplate  封装常用Hibernate方法 JdbcDaoSupport  JDBC数据访问对象的基类 Hibern ...

  7. servlet(3)

    常见的网络访问后缀: - .html : 网页 - .htm : 网页 - .php : php技术实现的动态网页 - .jsp : Java Server pages Java代码+HTML代码实现 ...

  8. Java实现视频转码或压缩demo.

    先点击这里下载资源包(包括jar和文档) 使用这个资源包,处理起来很简单. demo如下: import java.io.File; import it.sauronsoftware.jave.Aud ...

  9. Linux Mysql创建用户并分配权限

    1.查看全部的用户: select user,host from mysql.user\G; 2.新建用户: create user  ‘用户名’@‘主机名’  identified by ‘用户密码 ...

  10. c++数组传参

    最近感觉老是碰到数组传参的问题,特别是二维的数组,每次报错都感觉头疼,烦躁:这里必须总结一下了,先把暂时能解决的问题写在这吧,以便以后碰到查看! 先看一个一维数组传参:这样用数组传参是很不安全的:会输 ...