- 博客(38)
- 收藏
- 关注
原创 面向对象编程:OOP
面向对象编程:OOP面向对象编程:OOP class 类 1. JavaScript没有class (ES5) JavaScript的面向对象是一种非正统的怪异的面向对象 2. 使用Function来模拟对象 3.对象: 一切皆对象 对象包含:属性 方法 属性:特性 变量 方法...
2019-02-20 20:34:31
238
原创 元素查找 / 事件对象 / 事件流
元素查找:回顾: 1.节点 元素 2.节点属性 childNodes parnetNode children previousSibling nextSibling 3.节点集合 childNodes[索引] 4.节点属性操作 节点属性赋值: 对象.属性名=值 例如:o.src='1.jpg' 对象[属性名]=值 ...
2019-02-15 19:39:03
189
原创 js 数组 / 数组内置方法
数组的定义:1.数组:一组数 Array 引用类型 [] 2.数组定义: 1) new Array() 2)new Array(item,item,item...); 定义同时即初始化 3)new Array(length) 定义指定长度的数组 4) [] 数组 3.类型判断 instanceof 4.数组赋值 ...
2019-02-15 19:29:09
1100
原创 js 鼠标移动到小方块上,滑出来另一个长方块 / js 方框和文字一起滑出来
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <tit
2019-02-15 18:40:13
1520
原创 js 简单的小球动画移动
创建一个简单的代码首先在body里创建一个球;设置它的css样式:然后用js编写代码:<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>小球动画移动</title> <style type
2019-01-25 20:10:00
3653
原创 js 创建几行几列的表格
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> table{width:
2019-01-25 20:03:48
5414
原创 dom 表格制作 列表变色
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> table{width:
2019-01-25 20:02:40
201
原创 JS DOM属性和操作 DOM样式的修改
1.节点属性的设置 对象.属性名=值; 对象[属性名]=值; obj.setAttribute(pro,value) 2.节点属性值的获取: 对象.属性名 对象[属性名] obj.getAttribute(pro) 注意:前两种设置和获取属性的方法,均需要注意特殊情况 class ---> className...
2019-01-25 19:51:31
1410
原创 js DOM简介 DOM节点对象 DHTML
1.DOM 简介JavaScript核心:DOM:document object model 文档对象模型BOM: &amp;amp;nbsp;&amp;amp;nbsp;browser &amp;amp;nbsp;&amp;amp;nbsp;object model 浏览器对象模型 通过 HTML DOM,可访问 JavaScript HTML 文档的所有元素。 HTML DOM (文档对象模型)
2019-01-24 21:21:23
219
原创 js 常用 字符串
1.基本(原始)数据类型:number string boolean null undefined 2.引用类型:Object Array Date Function RegExp .... String 对象 string 每一个字符串均为 String对象的一个实例 对象: 1.属性 2.方法 函数 St...
2019-01-24 20:49:56
332
原创 js 变量提升 变量作用域
js中如何输入空格1.输入HTML标签(&amp;amp;amp;nbsp)用法:document.write(&amp;quot;&amp;amp;amp;nbsp;&amp;quot;+“1” +&amp;quot;&amp;amp;amp;nbsp;&amp;quot; ;&amp;amp;amp;nbsp;&amp;quot;+“23”)结果:1
2019-01-24 17:31:08
241
原创 点击创建按钮,在页面上生成20个按钮(按钮内容为:哈哈), 其中这些按钮5个为一排
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> /*
2019-01-22 17:16:34
1299
原创 Dom表格初劣制作
代码啰嗦,繁杂,封装太难怎么简单怎么作<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"&a
2019-01-21 19:22:41
179
转载 如何快速转载优快云中的博客
转载自 Bily猪 链接链接 前言 对于喜欢逛优快云的人来说,看别人的博客确实能够对自己有不小的提高,有时候看到特别好的博客想转载下载,但是不能一个字一个字的敲了,这时候我们就想快速转载别人的博客,把别人的博客移到自己的空间里面,当然有人会说我们可以收藏博客啊,就不需要转载,(⊙o⊙)… 也对。。实现 因为我自己当初想转载的时候却不知道该怎么转载,所以学会了之后就把...
2019-01-14 14:50:54
142
原创 为什么js中 1小于2小于3为true,3小于2小于1 也为true?
以下表达式的运行结果是:[1&amp;amp;lt;2&amp;amp;lt;3,3&amp;amp;lt;2&amp;amp;lt;1]A.[true,true]B.[true,false]C.报错D.其他答案选: A问题:为什么js 1&amp;amp;lt;2&amp;amp;lt;3为 true , 3&amp;amp;lt;2&amp;amp;lt;1
2019-01-14 14:33:15
3436
1
原创 JavaScript 有1020个西瓜,第一天卖一半多两个,以后每天卖剩下的一半多两个,问几天后可以 卖完,请编程计算
function demo2(){ var total=1020; var count=0; while(true){ total=total/2-2 //西瓜个数改变 count++;//次数+1 if(total&amp;lt;=0){ break; } } console.log(count); } ...
2019-01-12 10:43:27
12310
原创 JavaScript 函数
1.函数: 函数就是一种封装 2.定义函数: function 函数名(){ 函数体; } 3.函数不会自动执行,需要被调用才可以执行 函数名(); 4.函数命名规则: 与变量命名规则一致 1)以字母、$、_开头 2)可以包含数字、字母、$、_ 3)区分大小写 4)不能使用关键字和保留字 ...
2019-01-12 10:07:12
309
原创 js for循环应用
var count=1;//桃子的个数 for(var i=5;i&amp;amp;amp;amp;amp;gt;0;i--){ count=(count+1)*2 } console.log(count);
2019-01-11 21:52:53
1284
1
原创 JavaScript for 循环 / while循环 / do...while /循环嵌套
分支结构: if...else if..else if... switch .循环结构: for while do...whilefor循环语法结构 for循环语法结构: for(循环条件初始化;循环条件判断;循环迭代){ 循环体; } 执行规则: 第一步:循环条件的初始化 var i=0...
2019-01-11 21:50:46
2746
原创 js 日期
.var date=new Date();//创建日期对象的实例 console.log(date); 获取年份 var year=date.getFullYear(); var month=date.getMonth()+1; var day=date.getDate(); var hour=date.getHours();//时 var minut...
2019-01-11 21:04:13
264
1
原创 JS判断水仙花数(三位数)
根据用户输入的数据,判断水仙花数(三位数),(153=1x1x1+5x5x5+3x3x3)每位数字的立方和等于等于该数即水仙花数如果是水仙花数,则输出“是”,否则输出“否” if(num&gt;=100&amp;&amp;num&lt;1000){ //满足三位数 456 var a=num%10;//个位 var b=parseInt(num/10)%1...
2019-01-11 20:41:54
4960
原创 JavaScript 分支结构 课堂笔记
if语句 语法: if(判断条件){ 代码块; } 执行规则: 若判断条件为真,则执行代码块 举个小例子: var a=30; if(a&gt;20){ console.log(a); //30 }prompt() 输入框 var age=5...
2019-01-11 20:35:41
252
原创 JavaScript 流程控制语句 课堂笔记
流程控制语句: 控制程序的执行流程 程序结构: 顺序结构 程序的主体结构 分支结构: if 语句 if...else if...else if... switch 循环结构 for while do..while ...
2019-01-11 19:59:35
176
原创 JavaScript 数据类型转换: 课堂笔记
var a=10; //number var a='hello'; //string var a=true; //boolean 数据类型转换: sting number boolean (1)number,boolean---&gt;string ...
2019-01-11 19:57:01
160
原创 JavaScript 运算符扩展: 课堂笔记
1.算术运算符 数值类型 var a=10; var b=5; console.log(a+b);*/ 字符串 var a='hello'; var b=' world'; console.log(a+b);//字符串拼接 hello world console.log(a-b);//NaN not a number*/ ...
2019-01-11 19:29:23
240
原创 JavaScript 运算符: 课堂笔记
运算符: 运算符根据操作数的个数可以分为:一元(一目)运算符、二元运算符、三元运算符 根据运算符的作用: (1)算术运算符: + - * / %(取余) 一元运算符: 自增:++ 自减:-- 注意:未赋值时,前置和后置 无区别 赋值时: 1.后置:先赋值,后运算...
2019-01-11 17:28:48
186
原创 JavaScript 数据类型 课堂笔记
数据类型: (1)基本数据类型(原始数据类型) 数值类型(number) 数字 1,2,3,10,1.1,2.1,1.222,-10 字符串类型(string) 由"" '' 字符串内容会原样输出 布尔类型(boolean) false(假) true(真) undefined 变量定义但未初始化 ...
2019-01-09 21:49:28
177
原创 JavaScript 直接量&&变量 小知识点 课堂笔记
小总结 :1.如何插入JavaScript2.语句;3.直接量:字面量 字符串、数值 [] {}4.变量小知识点: var score=100;//初始化 var a; a=10;//赋值 a=20;//变量重复赋值 覆盖 console.log(a);小知识点: var a=10,b; console.log(b); ...
2019-01-09 21:41:07
159
原创 JavaScript 变量 课堂笔记
2.变量 1.变量:变化的量 2.定义变量:变量需要先定义在使用 var 变量名; 变量名的命名规则: 1)变量名必须以字母、下划线、$开头 2)变量名可以包含数字、字母、下划线、$ 3)变量名区分大小写 4)不能使用关键字和保留字 3.变量的赋值(变量的初始化): 变量名=值; 4.读取变量中的数据(变量的取值...
2019-01-09 21:22:49
363
原创 JavaScript 直接量&&变量 课堂笔记
1.直接量:字面量 数值 :1,2,3,4,5,1.1,1.11,1.356,-1,-2,-3 字符串:由单双引号包裹起来的内容 例如:'hello world' &quot;hello world&quot; 其他:布尔 true/false null /\d+/g例子: //直接量 alert(111); alert(1.19); alert(-5);*...
2019-01-09 21:21:22
293
原创 JavaScript 初了解 课堂笔记
引入外部js文件 &amp;lt;script src=&quot;js/demo1.js&quot;&amp;gt;&amp;lt;/script&amp;gt;语句; 语句:指令 每一条语句都是一条指令 语法知识: 1.JavaScript是区分大小写的 2.在环境中对空格、换行、缩进不敏感 3.英文半角字母alert() :警告消息框 alert('
2019-01-09 21:00:45
148
原创 JavaScript 编写九九乘法表
//九九乘法口诀表 for(var i=1;i&amp;amp;amp;amp;amp;lt;=9;i++){ // document.write(i); for(j=1;j&amp;amp;amp;amp;amp;lt;=i;j++){ document.write('&amp;amp;amp;amp;amp;amp;nbsp');
2019-01-09 20:36:46
12223
原创 JavaScript 函数 课堂笔记
函数:函数就是一种封装;定义函数:function 函数名(){函数名;}function print(){ document.write('hello,world')}print();3.函数不会自动执行;需要被调用才可以执行;调用: 函数名();4.函数命名规则:(与变量命名规则一致)1)以字母,$,_ 开头2)可以包含数字 、字母、 $、_...
2019-01-09 14:49:24
187
转载 优快云代码变色问题
优快云新手,代码不变色解决:只要给代码前加上相应的语言(如c,java等),注意要加在三个点之后,这个问题就解决了;试试看,从优快云上看到的。
2019-01-07 19:54:14
802
原创 用Js获取当前显示时间
Js初学菜鸟&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;数字时钟&lt;/title&
2019-01-07 19:16:04
27115
1
原创 Js判断数字奇偶数
&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title&
2019-01-07 18:49:36
10987
1
原创 JavaScript 判断输入年份是否为闰年
首先我们分析闰年判定的条件:1.年份必须要被4整除,并且不能被100整除;2.能被400整除;(世纪闰年)代码如下:&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt;
2019-01-07 18:46:36
5388
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人