JavaScript初级
JavaScript 从一个简单的输入验证器发展成为一门强大的编程语言,完全出乎人们的意料。应该说,它既是一门非常简单的语言,又是一门非常复杂的语言。说它简单,是因为学会使用它只需片刻功夫;而说它复杂,是因为要真正掌握它则需要数年时间。要想全面理解和掌握JavaScript,关键在于弄清楚它的本质。
会撸串的傻狍子
正在努力的程序大白,把自己的日常学习分享到网络上供大家参考。
展开
-
js运动,原生动画 下
1 关于鼠标事件相对于浏览器位置的相关属性15.1.1 获取鼠标事件坐标位置 ***** (20’) event=event||window.event event兼容性写法 event.clientX 获取鼠标的X轴的坐标 event.clientY 获取鼠标的Y轴的坐标 2 事件对象的相关属性15.2.1 Event事件对象的常用属性回顾 ***** (25’)event.keyCode 获取键盘的键盘码 对象.offsetWidth 计算盒子的宽度,包原创 2020-09-21 08:46:01 · 83 阅读 · 0 评论 -
js运动,原生动画 上
1定时器1 定时器常用的方法定时器主要有两种,间歇性定时器,一次性定时器,分别是setInterval(方法,时间), setTimeout(方法,时间) 间歇性定时器会间隔一定的事件重复执行一段代码,比如轮播图,我们可以让他间隔3秒重复切换图片,一次性定时器是到了一定时间,自动执行代码,而且只会执行一次,所以相对来说我们用的比较多的是间歇性定时器。 clearInterval(timer), clearTimeout(timer) ,括号中的变量即为你打开定时器的时候保存的变量。倒计时小原创 2020-09-20 18:41:43 · 107 阅读 · 0 评论 -
JavaScript-事件 event对象下
一、Event对象的概念Event 事件对象的概念Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。事件通常与函数结合使用,函数不会在事件发生前被执行!二、Event对象1、Event对象相关属性event.clientX 当前鼠标的x轴的坐标event.clientY 当前鼠标的y轴的坐标对象.clientWidth 当前对象的宽度 不包含左右边框对象.clientHeight 当前对象的高度 不包含上下边框对象.o原创 2020-09-18 08:37:44 · 119 阅读 · 0 评论 -
JavaScript-事件event对象上
一、事件的概念什么是Event事件浏览器与用户进行交互的时候会触发各种事件,事件在文档或者浏览器窗口中发生,指用户或浏览器自身执行的某种动作.是javascript与DOM之间的交互的桥梁。二、事件流事件流是描述从页面中接收事件的顺序按照执行的顺序,我们主要有事件冒泡和事件捕获两种形式DOM标准规定事件流包括三个阶段:事件捕获阶段、处于目标阶段和事件冒泡阶段1、事件冒泡事件冒泡可以形象比喻为把一颗石头投入水中,泡泡会一直从水底冒出水面,事件会从最内层的元素开始发生,一直向上传播,直到d原创 2020-09-17 08:06:14 · 119 阅读 · 0 评论 -
JavaScript-DOM下
一、节点遍历1 、parentNodeparentNode 找到当前节点对象的父节点,如果指定的节点没有父节点则返回 null 。<div> <div id="dv"></div></div><script> var dv=document.getElementById('dv'); console.log(dv.parentNode);//返回dv的父节点</script>2、childNode原创 2020-09-16 09:30:41 · 95 阅读 · 0 评论 -
JavaScript-DOM上
一、DOM的概念1、DOM的概念及作用DOM的概念:当页面被加载的的时候,浏览器会创建页面的文档对象模型,DOM指的就是文档对象模型(Document Object Model).DOM又称为文档树模型。DOM的作用:通过DOM我们可以动态的改变页面的内容,比如完成页面元素的添加,删除,或者修改页面的内容等。2、DOM树DOM把HTML解析为一个树结构,这个树结构成为DOM树DOM树完整的展示了HTML的结构,DOM树如下所示:几个重要的概念- 文档:一个网页可以称为文档-原创 2020-09-15 15:47:15 · 199 阅读 · 0 评论 -
JavaScript-日期对象
日期对象1、日期对象的概念Date对象是 JavaScript 原生的时间库。它以国际标准时间(UTC)1970年1月1日00:00:00作为时间的零点,可以表示的时间范围是前后各1亿天(单位为毫秒)。Date对象保存的日期能够精确到1970年1月1日之前或之后的285616年。1m = 1ms一天:24 * 60 * 60 * 1000 毫秒数<!DOCTYPE html><html lang="en"><head> <meta charset原创 2020-09-15 08:29:35 · 273 阅读 · 0 评论 -
JavaScript-BOM对象
BOM对象一 、浏览器对象模型(BOM)1、BOM对象的概念BOM(Browser Object Model) 是指浏览器对象模型,浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成,其中代表浏览器窗口的Window对象是BOM的顶层对象,其他对象都是该对象的子对象。2、BOM对象的核心BOM的核心对象是window(窗口对象);window是浏览器的顶级对象,当调用window下的属性和方法时,可以省略window注意:window下一个特殊的属性原创 2020-09-14 18:31:55 · 183 阅读 · 0 评论 -
JavaScript-String对象和Math对象
String对象和Math对象1 什么是String对象String对象:用来处理文本字符串的一个对象字符串字面量采取以下形式:'string text' "string text""中文/汉语" "español""English ""हिन्दी""العربية""português""বাংলা""русский" "日本語""ਪੰਜਾਬੀ""한국어"2 String对象创建1.构造函数创建字符串var str=new String("hellow");co原创 2020-09-14 08:18:12 · 172 阅读 · 0 评论 -
JavaSrprit-数组
JavaSrprit的数组思考:为什么要学习数组?之前学习的数据类型,只能存储一个值(比如:Number/String。我们想存储班级中所有学生的姓名,此时该如何存储?1.数组定义,数组的创建数组的概念所谓数组,就是将多个元素(通常是同一类型)按一定顺序排列放到一个集合中,那么这个集合我们就称之为数组。数组的定义数组是一个有序的列表,可以在数组中存放任意的数据,并且数组的长度可以动态的调整。数组的创建1.通过数组字面量创建数组// 创建一个空数组var arr1 = [];原创 2020-09-13 18:21:04 · 186 阅读 · 0 评论 -
JavaScript-函数
函数1.函数的概念和作用思考:如果要在多个地方求1-100之间所有数的和,应该怎么做?什么是函数函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。函数可以封装一段JavaSript代码,它只定义一次,但可以被执行或调用任意多次函数的作用有哪些?使程序变得简洁清晰易于代码维护提高了代码的复用性,提高程序开发的效率(就是封装一段代码,将来可以重复使用)2.函数的定义第一种创建函数的方式:function 函数名(参数1,参数2,...){ 函数体;}第二种创建函原创 2020-09-12 09:02:49 · 142 阅读 · 0 评论 -
JavaScript-分支语句
分支语句1. 语句的概念什么是表达式?一个表达式可以产生一个值,有可能是运算、函数调用、有可能是字面量。表达式可以放在任何需要值的地方。什么是语句?语句可以理解为一个行为,循环语句和判断语句就是典型的语句。一个程序有很多个语句组成,一般情况下;分割一个一个的语句声明语句var和function都是声明语句,它们声明或定义变量或函数。这些语句定义标识符并给其赋值,这些标识符可以在程序中任意地方使用。声明语句通过创建变量和函数,可以更好地组织代码的语义。流程控制程序的三种基本结构顺原创 2020-09-11 18:46:36 · 160 阅读 · 0 评论 -
JavaScript-数据类型转换与表达式运算符
数据类型转换与表达式运算符1.数据类型转换 JavaScript 是一种动态类型语言,变量没有类型限制,可以随时赋予任意值。 变量值的数据类型改变就是变量数据类型的转换。例如:var x = 1;console.log('x的数据类型',typeof x); // number x = '积云教育'; // x变量赋值字符串console.log('x的数据类型',typeof x); // x 字符串类型转换为字符串类型toString()var num = 5;con原创 2020-09-11 09:50:50 · 257 阅读 · 0 评论 -
JavaScirpt入门
一、JavaScript Netscape在最初将其脚本语言命名为LiveScript,后来Netscape在与Sun合作之后将其改名为JavaScript。JavaScript最初受Java启发而开始设计的,目的之一就是“看上去像Java”,因此语法上有类似之处,一些名称和命名规范也借自Java。 Java 服务器端的编程语言 JavaScript 运行在客户端(浏览器)的编程语言1、JavaScript的发展过程(了解) JavaScript 诞生于1995 年。当时,它的主要原创 2020-09-10 19:42:27 · 581 阅读 · 0 评论