JavaScript
王凯华
日子,一天一天过
展开
-
JavaScript 函数 课堂笔记
函数:函数就是一种封装;定义函数:function 函数名(){函数名;}function print(){ document.write('hello,world')}print();3.函数不会自动执行;需要被调用才可以执行;调用: 函数名();4.函数命名规则:(与变量命名规则一致)1)以字母,$,_ 开头2)可以包含数字 、字母、 $、_...原创 2019-01-09 14:49:24 · 153 阅读 · 0 评论 -
JavaScript 编写九九乘法表
//九九乘法口诀表 for(var i=1;i<=9;i++){ // document.write(i); for(j=1;j<=i;j++){ document.write('&nbsp');原创 2019-01-09 20:36:46 · 12036 阅读 · 0 评论 -
JavaScript 初了解 课堂笔记
引入外部js文件 <script src="js/demo1.js"></script>语句; 语句:指令 每一条语句都是一条指令 语法知识: 1.JavaScript是区分大小写的 2.在环境中对空格、换行、缩进不敏感 3.英文半角字母alert() :警告消息框 alert('原创 2019-01-09 21:00:45 · 122 阅读 · 0 评论 -
JavaScript 直接量&&变量 课堂笔记
1.直接量:字面量 数值 :1,2,3,4,5,1.1,1.11,1.356,-1,-2,-3 字符串:由单双引号包裹起来的内容 例如:'hello world' "hello world" 其他:布尔 true/false null /\d+/g例子: //直接量 alert(111); alert(1.19); alert(-5);*...原创 2019-01-09 21:21:22 · 257 阅读 · 0 评论 -
JavaScript 变量 课堂笔记
2.变量 1.变量:变化的量 2.定义变量:变量需要先定义在使用 var 变量名; 变量名的命名规则: 1)变量名必须以字母、下划线、$开头 2)变量名可以包含数字、字母、下划线、$ 3)变量名区分大小写 4)不能使用关键字和保留字 3.变量的赋值(变量的初始化): 变量名=值; 4.读取变量中的数据(变量的取值...原创 2019-01-09 21:22:49 · 328 阅读 · 0 评论 -
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 · 133 阅读 · 0 评论 -
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 · 141 阅读 · 0 评论 -
JS DOM属性和操作 DOM样式的修改
1.节点属性的设置 对象.属性名=值; 对象[属性名]=值; obj.setAttribute(pro,value) 2.节点属性值的获取: 对象.属性名 对象[属性名] obj.getAttribute(pro) 注意:前两种设置和获取属性的方法,均需要注意特殊情况 class ---> className...原创 2019-01-25 19:51:31 · 1341 阅读 · 0 评论 -
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 · 161 阅读 · 0 评论 -
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 · 5299 阅读 · 0 评论 -
js 简单的小球动画移动
创建一个简单的代码首先在body里创建一个球;设置它的css样式:然后用js编写代码:<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>小球动画移动</title> <style type原创 2019-01-25 20:10:00 · 3544 阅读 · 0 评论 -
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 · 141 阅读 · 0 评论 -
点击创建按钮,在页面上生成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 · 1239 阅读 · 0 评论 -
js 鼠标移动到小方块上,滑出来另一个长方块 / js 方框和文字一起滑出来
&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;tit原创 2019-02-15 18:40:13 · 1460 阅读 · 0 评论 -
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 · 1057 阅读 · 0 评论 -
元素查找 / 事件对象 / 事件流
元素查找:回顾: 1.节点 元素 2.节点属性 childNodes parnetNode children previousSibling nextSibling 3.节点集合 childNodes[索引] 4.节点属性操作 节点属性赋值: 对象.属性名=值 例如:o.src='1.jpg' 对象[属性名]=值 ...原创 2019-02-15 19:39:03 · 153 阅读 · 0 评论 -
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 · 181 阅读 · 0 评论 -
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 · 264 阅读 · 0 评论 -
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 · 184 阅读 · 0 评论 -
JavaScript 运算符: 课堂笔记
运算符: 运算符根据操作数的个数可以分为:一元(一目)运算符、二元运算符、三元运算符 根据运算符的作用: (1)算术运算符: + - * / %(取余) 一元运算符: 自增:++ 自减:-- 注意:未赋值时,前置和后置 无区别 赋值时: 1.后置:先赋值,后运算...原创 2019-01-11 17:28:48 · 149 阅读 · 0 评论 -
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 · 201 阅读 · 0 评论 -
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 · 130 阅读 · 0 评论 -
JavaScript 流程控制语句 课堂笔记
流程控制语句: 控制程序的执行流程 程序结构: 顺序结构 程序的主体结构 分支结构: if 语句 if...else if...else if... switch 循环结构 for while do..while ...原创 2019-01-11 19:59:35 · 145 阅读 · 0 评论 -
JavaScript 分支结构 课堂笔记
if语句 语法: if(判断条件){ 代码块; } 执行规则: 若判断条件为真,则执行代码块 举个小例子: var a=30; if(a&gt;20){ console.log(a); //30 }prompt() 输入框 var age=5...原创 2019-01-11 20:35:41 · 195 阅读 · 0 评论 -
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 · 4832 阅读 · 0 评论 -
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 · 227 阅读 · 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 · 2619 阅读 · 0 评论 -
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 · 1220 阅读 · 1 评论 -
JavaScript 函数
1.函数: 函数就是一种封装 2.定义函数: function 函数名(){ 函数体; } 3.函数不会自动执行,需要被调用才可以执行 函数名(); 4.函数命名规则: 与变量命名规则一致 1)以字母、$、_开头 2)可以包含数字、字母、$、_ 3)区分大小写 4)不能使用关键字和保留字 ...原创 2019-01-12 10:07:12 · 235 阅读 · 0 评论 -
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 · 12178 阅读 · 0 评论 -
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 · 5164 阅读 · 0 评论 -
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 · 10879 阅读 · 1 评论 -
用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 · 27017 阅读 · 1 评论 -
为什么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 · 3307 阅读 · 0 评论 -
面向对象编程:OOP
面向对象编程:OOP面向对象编程:OOP class 类 1. JavaScript没有class (ES5) JavaScript的面向对象是一种非正统的怪异的面向对象 2. 使用Function来模拟对象 3.对象: 一切皆对象 对象包含:属性 方法 属性:特性 变量 方法...原创 2019-02-20 20:34:31 · 206 阅读 · 0 评论