![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
胡 斐
学识决定眼界,眼界决定格局,格局决定人生。
展开
-
JavaScript之贪吃蛇案例
贪吃蛇小游戏设计方案(1)蛇对象的分析设计(2)食物对象的分析和设计(3)网格对象的分析和设计(4)游戏对象的分析和设计系统实现(1)创建工程(2)实现方法(2.1)蛇的初始化(init)(2.2)蛇的绘制面向对象对象:万物皆对象,我们看到的任何的东西都可以理解成对象对象包含什么:属性 方法比如:student(学生)学生的属性有什么:姓名,学号,成绩学生的方法有什么:学习,打球,打游戏属性是静态的,方法是动态的 在程序里面怎么表示一个对象系统分析设计对游戏进行抽象,也可以叫建模原创 2020-09-22 14:16:58 · 207 阅读 · 0 评论 -
JavaScript之cookie
JavaScript之cookie1.cookie2.计时事件1.cookieCookie的作用:在本地浏览器储存数据,经常用于记住账号等等Cookie组成:键值对的形式Username=asdasd pwd=123456 phone=13512633908有效期:expires=今天以后的时间存储cookie按照cookie的形式写好一个字符串,然后把它赋值给document.cookie,浏览器就会缓存这个cookie,可以存储多个键值对,但是键的名字不能重复获取cookie:原创 2020-09-21 14:32:15 · 117 阅读 · 0 评论 -
JavaScript之导航、常用对象与弹窗
JavaScript之导航、常用对象与弹窗1.导航2.常用对象3.弹窗cookie1.导航Document是根节点parentNode:获取父节点childNodes:获取所有子节点firstChild:第一个子节点lastChild:获取最后一个子节点2.常用对象Window:窗口,浏览器的窗口我们定义的全局变量和全局函数都是window对象的属性和方法全局变量是window的属性。全局函数是window的方法:Window.innerWidthWindow.innerHei原创 2020-09-18 14:36:26 · 156 阅读 · 0 评论 -
JavaScript之元素的动态增加与删除
JavaScript之元素的动态增加与删除1 .DOM概念2 .修改元素3. 添加删除元素1 .DOM概念DOM(Document Object Model):文档对象模型通过开发者工具可以看到整个文档是由一系列的节点对象组成的一棵树节点(Node)包括元素节点(1)、属性节点(2)、和文本节点(3)Th1代表一个元素节点(nodeType=1),nodeName是标签名(th)元素节点的nodeValue=null(1)getAttributeNode方法是获取元素的属性节点,此时输原创 2020-09-17 14:34:34 · 581 阅读 · 0 评论 -
JavaScript之鼠标案例
JavaScript之鼠标案例(1)Onmousewheel:鼠标滚轮案例(2)控制键的键码值案例(3)图片的移动(4)事件注册(1)Onmousewheel:鼠标滚轮案例<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #div1{ width: 100px原创 2020-09-16 15:00:48 · 185 阅读 · 0 评论 -
JavaScript之鼠标单击事件
事件事件源1.鼠标单击事件:onclick2.鼠标双击事件:ondblclick3.鼠标移入/离开(onmouseenter/onmouseleave)事件源1.鼠标单击事件:onclick <body> <p id="p1" onclick="fun()">单机事件测试</p> </body> <script type="text/javascript"> function fun(){ //获取指定元素 var p原创 2020-09-14 14:38:59 · 1222 阅读 · 0 评论 -
数组的常用属性与方法
数组的常用属性与方法(1)unshift与`Shift:(2)indexOf与lastindexOf(3)push与pop(4)slice(5)splice(6)reverse数组遍历案例:查找一组元素中的下标:案例:描述:有三个班级,每个班级十人,输出各班的平均分和优秀班级是哪个班?数组的属性:Length:1.告诉我们数组的长度:数组名.length2.通过该属性可以改变数组的长度数组的常用方法(1)unshift与`Shift:unshift:在数组的头部添加元素,返回值返回的是新数组原创 2020-09-12 14:17:44 · 1672 阅读 · 0 评论 -
JavaScript之数组,用数组计算方差
JavaScript之数组数组数组的概念案例:计算方差数组数组的概念案列:计算五名同学这个程序非常简单,但是如果这段代码能够实现同样的功能,而且如果是100人的话秩序要把循环的条件改成i<100即可,整个程序的结构和代码量与人生的多少没有关系为什么没有关系呢,因为和循环结合了为什么和循环结合了呢因为我们把变量的表示方式改变了,改变成名称加序号的方式(a[0],a[1],a[2]……)这样的话序号就可以用循环来控制数组的定义与元素访问怎么写?定义数组有三种方式(1)var原创 2020-09-11 14:16:58 · 325 阅读 · 0 评论 -
JavaScript(用函数方法)验证哥德巴赫猜想
案列:验证哥德巴赫猜想(函数方法)var flag = true;//假设哥德巴赫猜想成立 for (var n = 6;n<=10000;n+=2){ if(!canSplit(n)){ flag = false; } } if (flag){ alert ("哥德巴赫猜想成立"); }else{ alert ("哥德巴赫猜想不成立"); } function canSplit(n){ for (var a = 1;a<n;a++){ if (is原创 2020-09-11 14:12:19 · 306 阅读 · 0 评论 -
JavaScript----参数的传递
参数的传递1.参数传递2.变量作用域全局变量冲突处理:就近原则1.参数传递定义:就是将实参的值传给形参。通过调试我们可以看键,形参在函数被调用之前是不存在的,当函数被调用的那一刻起,实参被创建,并且传递给形参参数传递有两种方式:值传递与引用传递值传递A的值并没有显示预期中的6,还是5,这是因为形参x与实参a是两个不同的变量,x的变化与a没有任何的关系引用传递a.value没有被显示修改,但是a.value确实加了1,因为x就是a,或者说x是a的别名 专业一点就叫引用常规类型的参原创 2020-09-10 14:38:24 · 150 阅读 · 0 评论 -
2020-09-09
循环辅助语句break:跳出整个循环如果循环遇到break就不会循环了continue:仅仅跳出本次循环,下次循环接着走的每天都要吃饭,有一天生病了,那天就不想吃饭了,病好了就接着吃。函数函数的概念isSXH给它一个数字,它可以立马告诉你是否为水仙花数它是怎么判断的?不用管,只要用在主程序中,我们一直调用isSXH就可以了函数给我们的思想,对一个规模大,难度高的问题提供一个解决问题的思路,将问题拆分,分解规模小,难度小的问题,如果说,分解之后问题依然很难,那么接着分解,知道最后的问原创 2020-09-09 19:21:11 · 117 阅读 · 0 评论 -
JavaScript之循环类型题目
一、讨厌的数字3要求:输出不含3的三位数,还不能是3的倍数,例如143的个位是3不可以,141是3的倍数也不可以。<script type="text/javascript"> var i = 100; while(i<=999){ var b100=Math.floor(i/100); var b10=Math.floor((i%100)/10); var b=Math.floor(i%10); if(b100!=3 && b10原创 2020-09-08 14:03:24 · 520 阅读 · 0 评论 -
Day1--JavaScript基础学习
Day1--JavaScript基础学习What is JavaScript?JavaScript的使用方式一:内部引用方式二:外部引用变量变量的命名数据类型字符串string数字number布尔类型Boolean未定义undefined对象object如何访问对象:注释:方式一:单行注释方式二:多行注释运算符算数运算符赋值运算符复合运算符关系运算符逻辑运算符三元运算符What is JavaScript?一个网页的结构,是通过HTML决定的CSS决定了这个网页的样式这个网页的行为是通过JavaSc原创 2020-09-04 15:11:08 · 195 阅读 · 0 评论 -
Day2--JavaScript学习------条件与循环
JavaScript基础学习1.传值:把一个变量传递给另外一个变量2.流程控制值if语句:1,if语句:2,if,else语句:3,if,elseif,elseif语句4 if,elseif,elseif,else语句3.Switch语句:循环:While循环dowhile循环for循环For循环的嵌套1.传值:把一个变量传递给另外一个变量Var 变量名=值;Var n=3;Var m=n;Var a={name:”张三”,age:24};Var b=a;1, 赋值传值:两份数据,两份数据之原创 2020-09-05 15:02:59 · 177 阅读 · 1 评论 -
Day3--选择结构与案例
Day3--选择结构与案例选择结构基本if语法If语句嵌套Else ifSwitchSwitch基本语法Switch的好处:循环结构循环结构的基本概念While循环循环的套路`Do…while`循环选择结构程序中有三大结构,顺序,选择,循环顺序:代码从上到下一行一行的执行选择:代码有分支,有选择的循环:重复执行某一段代码为什么需要选择结构?刚刚的计算三角形面积的案例,如果说,当输入的三条边 不能构成三角形时,就不能使用公式计算 在生活中,也有很多的选择 比如说明天放假,有对象的和对象出去原创 2020-09-07 14:40:41 · 434 阅读 · 0 评论