- 博客(13)
- 收藏
- 关注
RSS订阅原创 小白初学JavaScript第十三天
面向对象编程 一、面向对象的概念 ES有两种开发模式： 函数式 面向过程 面向对象(OOP) 类：类是对象的类型模板 实例：实例就是根据类创建的对象 对象的组成： 属性 特性、特征 名词 变量 方法 功能、行为 动词 函数 二、对象的创建 1.实例创建 //学生对象 var obj=new Obje
2020-12-16 20:58:10
110
原创 小白初学JavaScript第十二天
通过js实现京东淘宝商品放大镜页面 HTML样式 <div id="small"> <img src="./img/small.jpg" alt=""> <div id="moveBox"></div> </div> <div id="big"> <img src="./img/big.jpg" alt="" id="img"> </div
2020-12-16 20:47:29
101
原创 小白初学JavaScript第十一天
一、拖拽效果 分析思路： 鼠标需要按下 mousedown 鼠标移动过程中，物体随着鼠标的移动而移动 mousemove 鼠标抬起时，物体停止移动 mouseup 注意： 1.鼠标按下事件添加给物体，鼠标移动和抬起都应该添加页面 2.鼠标相对于物体的位置 var o = document.getElementById('box');//物体 //鼠标按下事件 o.onmousedown = function (e) {
2020-12-16 20:43:14
106
原创 小白初学JavaScript第十天
一、表单 提交数据 form表单 action 表单提交的地址(服务器地址/目标地址) method GET/POST 表单的提交方式 1.表单的属性： 在表单中，通过为input输入类型添加name属性，可以直接通过表单来获取到目标节点对象。 <form action="http://www.baidu.com" method="GET" id="form"> <label f
2020-12-16 20:41:47
111
原创 小白初学JavaScript第九天
DOM DOM 是 W3C（万维网联盟）的标准。 DOM 定义了访问 HTML 和 XML 文档的标准： “W3C 文档对象模型 （DOM） 是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。” W3C DOM 标准被分为 3 个不同的部分： 核心 DOM - 针对任何结构化文档的标准模型 XML DOM - 针对 XML 文档的标准模型 HTML DOM - 针对 HTML 文档的标准模型 DOM：document object model 文档对象模型 dom是一种
2020-12-10 19:29:41
102
原创 小白初学JavaScript第八天
数组对象 数组：是一个可以存储大量数据的容器。数组中可以存放任意的数据类型的数据。 1.声明方式 字面量形式声明 [] 通过构造函数来声明 - new Array(10,20,30,40) 定义数组同时即初始化 - new Array(2); 定义一个长度为2的数组 2.数组的属性和特点 length：数组中元素的个数 长度 特点： 根据索引取值和赋值 数组不限制长度 (长度是可变的) 数组的内容不限制类型 可以使用for循环来对数组进
2020-12-09 19:34:18
103
原创 小白初学JavaScript第七天
一、时间对象 可以通过Date对象来处理时间和日期 var d=new Date();//创建一个时间对象实例 当前时间对象 //将指定时间转换为时间对象 var d=new Date("2022/3/20");//格式的时间字符串 var d=new Date("2022/3/20 12:00:00");//包含时间 var d=new Date("2022-3-20 12:00:00"); var d = new Date(2022, 2, 20);//三月 //获取指定时间对象
2020-12-08 21:24:30
113
原创 小白初学JavaScript第六天
一、定时器 在JavaScript中提供了两种方案来实现计算器 1.setTimeout 延迟执行（延迟指定时间之后，执行代码一次） 用法： setTimeout(代码,时间);// 时间单位：毫秒 案例： //用法一： setTimeout(show, 3000);//不能使用 show()作为参数 //用法二： setTimeout("show()",1000); function show() { var sum = 0
2020-12-08 08:57:31
72
原创 小白初学JavaScript第五天
一、函数 函数是一种封装，封装的目的是为了复用，封装完毕之后，可以在任意地方，调用任意多次。 function 函数名(){ 函数体; } 函数不会自动执行，需要调用才可以执行(函数的定义顺序与调用顺序无关 函数名(); 1.函数的常见用途： 封装 事件函数 对象的方法 2.函数的参数 形参：函数定义时的参数 实参：函数调用时的参数 理论上函数可以有无限多个参数，多个参数之间使用逗号分隔。 函数的参数是按照顺序传递的 3.arguments 每一个函数都有arguments属性 arguments是
2020-12-04 20:55:20
98
原创 小白初学JavaScript第四天
JavaScript-Day4 一、其它的循环结构 1.for…in 对象没有索引也没有length属性，所以经常使用for…in来遍历对象 //用法： for(var i in 对象){ //i 是要遍历的对象的属性 循环体； } 注意：若对象的属性是一个变量，则不能使用 对象.属性名的形式取值，应该使用 对象[属性名] 2.while和do…while //语法： while(条件){ 循环体; } // do{ 循环体； }while(条件); while循环时先进行条件判断，在执行循环
2020-12-03 21:20:53
83
原创 小白初学JavaScript第三天
JavaScript-Day 3 一、程序结构 程序结构：程序的执行顺序 顺序结构 选择(分支)结构 if语句 if…else if…else if…else switch 循环结构 for while
2020-12-02 19:20:51
77
原创 小白初学JavaScript第二天
JavaScript-Day2 一、数据类型 数据是有类型 在JS(ES5),数据分为两大类： 1.基本(简单)数据类型 基本数据类型5类 数值类型 number 1,2,3,6,1.1,-100,-100.99… 字符串类型 string “” ‘’ length属性 字符串长度 charAt(index) 根据索引取出字符串中字符 索引从0开始 布尔类型 boolean
2020-12-01 21:37:21
118
原创 小白初学JavaScript第一天
JavaScript-Day1 一、JavaScript介绍 1.1网站组成 网站由三个部分组成： HTML:(HyperText Markup Language)超文本标记语言 css:(Cascading Style Sheets)层叠样式表 JavaScript:简称js，用于网页交互的解释性脚本语言 1.2什么是JavaScript？ JavaScript是基于事件和对象驱动的解释性脚本语言。 JavaScript是运行在浏览器上的语言。 JavaScript是世界上最流行的
2020-11-30 21:30:55
150
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人