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 指代 调用函数的元素

原文地址:https://www.cnblogs.com/maxxx/p/10205424.html

时间: 2024-08-30 07:54:07

Knowledge From Practice(JavaScript)的相关文章

正则表达式(JavaScript)

.note-content { font-family: "Helvetica Neue", Arial, "Hiragino Sans GB", STHeiti, "Microsoft YaHei", "WenQuanYi Micro Hei", SimSun, Song, sans-serif } 正则表达式(JavaScript) 正则表达式(JavaScript) 1. 了解正则表达式 1.1. 什么是正则表达式 1.

json数据在前端(javascript)和后端(php)转换

学习目的:前后端数据交换 思路: json数据格式是怎么样? 后端各种语言怎么将自己内容转换成json格式的内容? 前端怎么接收json数据?有几种方式? js中怎么将json数据转换成js中的数组,对象来使用? 遇到问题: 用ajax接收数据直接赋值给了变量,发现里面是一个数组. 在php中不知道怎么传递数据?(或者说ajax的xmlhttp.responseText是怎么获取后端数据的?) php中把对象和数组转换成json数据格式的方法. 学习过程: 1.json知识普及 从结构上看,所有

【Python学习之路】——Day16(JavaScript)

JavaScript是一门编程语言,浏览器内置了JavaScript语言的解释器,所以在浏览器上按照JavaScript语言的规则编写相应代码之,浏览器可以解释并做出相应的处理. 一.如何编写 1.JavaScript代码存在形式 <!-- 方式一 --> <script type"text/javascript" src="JS文件"></script> <!-- 方式二 --> <script type&qu

HTML学习笔记(JavaScript)NO.4

JavaScript语句向浏览器发出命令.语句的作用是告诉浏览器该做什么其中分号,语句之间的分割是分号,注意:分号是可选项,有时候看到不以分号隔开的. JavaScript是按照编程顺序执行的 标识符: JavaScript标识符必须以字母.下划线或美元符号开始 JavaScript的关键字是不能使用的 JavaScript对大小写非常敏感 JavaScript会忽略多个空格的情况 JavaScript的变量: 变量是存储信息的"容器"如:var x=10: 数据类型 string.n

day6 JS (JavaScript)

1.JS的用法 在html中,他的位置有三个地方,分别是head,body和</html>之后. <script type="text/javascript"> 代码写在里面 </script>. 2.三个常用对话框 alert(" ") 警示框,作用是弹出一个警示框 confirm(" ") 选择对话框,作用是弹出一个选择对话框点击确定返回true,点击取消返回flase. prompt(" &qu

Summary—【base】(JavaScript)

1.认识Js 1.1 Js就是一门运行在客户端浏览器的脚本编程语言 1.2 组成 ECMAScript:Js的语法标准 DOM:JS操作网页上的元素的API(应用接口),即操作网页 BOM:JS操作浏览器的部分功能的API,即控制浏览器 1.3特点 ①简单易用 ②解释执行(解释语言):JS源代码是直接通过JS引擎执行的,并且是逐行解释执行 ③基于对象 2.JS与HTML.CSS Html:  是用来制作网页,简单来说就是编写网页结构. CSS:用来编写网页的样式 Javascript:   实现

HTML基础(JavaScript)

关于JavaScript的概念做两点说明: 1.它是一种网络脚本语言,用于嵌入到HTML页面中来做Web开发用. 2.它和JAVA半毛钱关系都没有. 如何使用 1.如何在HTML中嵌入 1-1.脚本写在<body>标签内的最底部,也就是</body>的上面. 1-2.直接在页面中定义:<script type='text/javascript'>脚本代码</script> 1-3.作为文件被加载:<script src="JS文件的路径&qu

天地图二次封装版本(javascript)

/*********测试页面************/ <%@ page language="java" contentType="text/html;charset=UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>天地图测试</title>

前端基础(JavaScript)

JavaScript概述 JavaScript的历史 1992年Nombas开发出C-minus-minus(C--)的嵌入式脚本语言(最初绑定在CEnvi软件中).后将其改名ScriptEase.(客户端执行的语言) Netscape(网景)接收Nombas的理念,(Brendan Eich)在其Netscape Navigator 2.0产品中开发出一套livescript的脚本语言.Sun和Netscape共同完成.后改名叫Javascript 微软随后模仿在其IE3.0的产品中搭载了一个