Javascript基础
javascript基础语法,小项目
Dust_SongYunfei
自己“悟”到的才是属于自己的!
展开
-
JavaScript面相对象实现爆炸动画
实现爆炸动画,其实就是通过定时器不断切换图片,一共有40张图片,第一张图片以10000命名,最后一张图片以10040命名,通过不断增加命名的数量实现爆炸动画;html: <body> <div id="bg" ></div> </body>CSS: <style type="text/css"> #bg{ ...原创 2019-10-09 17:01:50 · 242 阅读 · 0 评论 -
JavaScript数据类型之间转换,Javascript运算符
一.数据类型之间转换1.数字转换字符串 number->string(1) 变量名+’ ';(2)变量名.toString( );(3) String(变量名);eg: var num1=123; console.log(num+''); console.log(typeof num+'');//string var num2=456; consoel.log(num2...原创 2019-09-12 18:02:59 · 183 阅读 · 0 评论 -
Js基础部分总结
原创 2019-08-11 22:03:41 · 176 阅读 · 0 评论 -
JS中DOM文档对象模型
DOM是指文档对象模型 主要值用来操作html文档DOM节点操作所有的节点都有父节点,只有一个节点没有父元素(根节点)HTML一个节点可以有多个子节点,但一个节点有且只有一个父节点...原创 2019-08-03 10:59:55 · 397 阅读 · 0 评论 -
js中BOM浏览器对象模型
浏览器对象模型三类:浏览器对象模型;脚本对象;html对象;1.浏览器对象模型:window document history location(1)Window(窗口对象):window.open(‘打开窗口的链接地址’,‘窗口名称(可有可无)’,‘窗口特征(width:…,height…)’)width: 窗口宽度;height: 窗口高度;top: 窗口距离屏幕上方的象素值;...原创 2019-08-01 23:51:06 · 414 阅读 · 0 评论 -
js三级联动案例(省份,城市,县区,街道)
<script type="text/javascript"> /*分析: * 1.创建页面元素(下拉列表框 select) * 2.创建二维数组存储数据(地区) * 3.获取页面元素(下拉框 省份,城市,区县) * 4.将所有的省份添加在省份的下拉框(for循环遍历数组,if判断索引为2,的值值是否为0,累计添加省份名,) * 5.给省...原创 2019-08-02 08:43:29 · 1848 阅读 · 0 评论 -
js中的内置对象
js中的内置对象eval(): 用于计算字符串表达式的值 var mess=prompt('请输入表达式',0+0); // mess 是字符串类型 //prompt()弹框中输入文本框 // eval() 是将字符串子类型 隐式转换为 在数字类型 // console.log(eval(mess));isNaN():用户验证参数是否NaN(非数字);//是非数字返回true...原创 2019-08-01 21:17:13 · 464 阅读 · 0 评论 -
js中封闭函数
封闭函数:没有名字,初始化调用语法结构:(function (){函数执行体})作用:避免名称冲突;在函数体内部定义的变量以及函数的名称并不会被外部的元素访问或是获取三种封闭函数的写法:(function (){函数体})();!function(){}();~function(){}();js中的内置对象: BOM浏览器对象模型eval(): 用于计算字符串表达式的值i...原创 2019-08-01 23:00:57 · 318 阅读 · 0 评论 -
Js中定时器
js定时器:1.倒计时定时器: setTimeout:(函数体,间隔时间(毫秒为单位)). 经常写在函体内;2.循环定时器: setInterval:(函数体,间隔时间),常写在函数体外;倒计时定时器是在指定时间到达后触发事件,而循环定时器就是在间隔时间到来时反复触发事件,两者的区别在于:前者只是作用一次,而后者则不停地作用。3.清除定时器 clearTime...原创 2019-07-30 22:00:32 · 2398 阅读 · 0 评论 -
Js中的事件
一.事件定义:指的是文档或者浏览器窗口中发生的一些特定交互瞬间。我们可以通过侦听器(或者处理程序)来预定事件,以便事件发生的时候执行相应的代码二.事件类型:事件类型是一个用来说明发生什么类型事件的字符串。像鼠标悬浮,按下键盘等。我们也可以把事件类型叫做事件名字,用特定的名字来标识所谈论的特定类型的事件。参考文献:https://www.runoob.com/jsref/dom-obj-e...原创 2019-07-30 00:18:00 · 355 阅读 · 0 评论 -
Js中匿名函数
Js中匿名函数语法结构: function (){}调用匿名函数:(1)通过变量调用匿名函数:var def=function(x,y){ return x+y;}alert(def(4,3));(2)通绑定事件调用匿名函数:window.onload=function(){ // 点击浏览器 查看的时候 就调用了 alert('load加载事件执行了'); ...原创 2019-07-28 11:15:03 · 469 阅读 · 0 评论 -
Javascript简单计算器
1,传统方法//创建 三个弹框//第一个数和第二个数转换为数字//第二个框为 +-*/ var kuagn1=+prompt('输入第一个'); var funhao=prompt('请输入运算符号'); var kuagn2=+prompt('请输入第二个数'); //判断第二个框中输入的运算符号 switch (funh...原创 2019-07-27 11:27:26 · 1118 阅读 · 0 评论 -
js核心编程总结
原创 2019-07-19 02:42:29 · 281 阅读 · 0 评论 -
JavaScript中字符串的处理方法
1.match()方法 从字符串内索引指定的值,或者找到一个或多个正则表达式的匹配var str='i love JavaScript'; document.write(str.match('love')); //匹配到返回匹配值,否则返回null;2.search()方法用于返回字符串中字符串的起始位置,没找到返回-1var str='i love JavaScript'...原创 2019-07-18 00:38:08 · 521 阅读 · 0 评论 -
js中的数组,数组操作方法,冒泡排序
一.数组及数组的方法1.数组:一组数据的集合,在js中数组里面的数据可以是不同类型2.数组的初始化(1)第一种方法:var myScar=new Array(); myScar[0]='Baoma'; myScar[2]='Aodi'; myScar[3]='BenChi';(2)第二种方法:var myScar=new Array('Baoma','...原创 2019-07-18 00:19:12 · 1317 阅读 · 0 评论 -
js中Dom获取页面元素的方法
获取页面元素中的方法:(1)getElementById 通过Id值获取var oDiv = document.getElementById('div'); alert(oDiv)//返回[object HTMLDivElement](2)getElementByTagName 通过标签名称获取var oDiv = document.getElementsByTagName...原创 2019-07-18 13:31:54 · 2677 阅读 · 0 评论 -
Js定义,基本语法(变量,数据类型),数据之间的转换,流程控制语言
一.JavaScript定义 1. Js是指基于对象和事件驱动的客户端弱类型脚本语言 对象:万事万物皆是对象 对象三大特性: (1)属性:是指描述对象的外观特征; (2)方法:指对象所具备的主动行为; (3)事件:指对象的被动的行为 Person对象: 属性:姓名,性别,身高,体重... 方法:r...原创 2019-07-06 13:17:11 · 1572 阅读 · 0 评论 -
JavaScript正则表达式
正则表达式: 又称规则表达式,指由一些列规则组成的一个式子,主要用来匹配字符串1.转义字符:\d 匹配一个数字,即[0-9]\D匹配一个非数字, 即[^0-9]\w 匹配一个单词字符(字母,数字,下划线)\W匹配任何非单词字符. 等价于[A-Za-z0-9]\s匹配一个空白符\S匹配一个非空白符\b匹配单词边界\D匹配非单词边界2.元字符:. 匹配一个任意字符 除\n以外的...原创 2019-09-24 22:48:42 · 94 阅读 · 0 评论 -
Javascript内置对象
javascript:内置对象,浏览器对象,自定义对象一.Math对象:1.Math属性: Math.E; 自然对数的底数; Math.LN2;以2的自然数对数; Math.LN10;以10的自然数对数; Math.LOG2E;以2为底E的对数; Math.LOG10E;以10为底E的对数; Math.PI;...原创 2019-09-23 21:52:12 · 171 阅读 · 0 评论 -
JavaScript选择结构例题( if..else .. switch..case..)
if(条件){执行语句}else{执行语句}1.求两个数的最大数 if.else var num1=+prompt('输入第一个数字'); var num2=+prompt('输入第二个数字'); if(num1>num2){ alert('最大数为:'+num1); }else if(num1==num2){ alert('两个数相等') }...原创 2019-09-14 18:08:43 · 1008 阅读 · 0 评论 -
JavaScript循环结构例题(do{}..which(); for(){})
while (循环条件) {循环体};1.1-100之间的和 var n=0; var sum=0; while(n<100){ n++; sum+=n; document.write(n+'<br />') } document.write('1-100之间的和为:'+sum+'<br />')//50502....原创 2019-09-14 18:09:34 · 1764 阅读 · 0 评论 -
JavaScript数组
数组:将多个元素(通常是同一类型)按一定顺序排列放到一个集合中,那么这个集合我们就称之为数组数组的长度永远比数组的索引大1;eg:var arr=[1,2,3,4]; arr.length=4;索引为(0-3);索引又称下标; length属性 数组的长度;1.一维数组(1)声明:a. var arr= new Array();b. var arr=[ ];(2)初始化;(赋值...原创 2019-09-14 20:16:35 · 208 阅读 · 0 评论 -
JavaScript数组操作方法
1,join()添加成分割符 转化字符串 var arr01=[1,2,3,'asd']; var joi= arr01.join('-'); console.log(joi);//1-2-3-asd console.log(typeof joi); //string2,push()和 pop() 在数组的最后添加数据和删除数据var arr02=['I','Lov...原创 2019-09-14 20:33:10 · 194 阅读 · 0 评论 -
JavaScript中for循环练习题
1.本金10000元存入银行,年利率是千分之三,每过1年,将本金和利息相加作为新的本金。计算5年后,获得的本金是多少? var benjin=1000,liv=0.003; for(var i=0;i<=5;i++){ benjin+=benjin*liv; } document.write('5年后获得的本金为:'+benjin+'<br/>'); ...原创 2019-09-14 21:00:57 · 6698 阅读 · 7 评论 -
Javascript中new关键字和this指向
new关键字:构造函数主要用来创建对象是初始化对象,为对象的成员赋值,总与new运算符一起使用创建对象;构造函数用于创建一类对象,首字母大写;new执行过程:(1)new会在内存中创建一个新的空对象(2)new 会让this指向这个新的对象(3)执行构造函数 目的:给这个新对象加属性和方法(4)new会返回这个新对象 function Person(name,age,sex){...原创 2019-09-16 09:00:53 · 2240 阅读 · 0 评论 -
JavaScript中条件运算符
条件运算符也称三木运算符,三元运算符;例题:// 是否年满18岁 var num=+prompt('请输入年龄'); num>=18 && num>0 ?alert('你已成年'):alert('你未满18岁'); // 从两个数中找最大值 var num1=+prompt('输入第一个数字'); var num2=+prompt('输入...原创 2019-09-16 16:01:29 · 475 阅读 · 0 评论 -
JavaScript对象创建
对象:万事万物皆为对象;原创 2019-09-16 16:03:47 · 142 阅读 · 0 评论 -
Javascript函数
函数:重复执行的代码段;函数作用:优化代码,减少冗余,增加用户体验度,方便后期维护一.声明方式:(两种)1.直接使用function关键字声明;语法结构:function 函数名(参数){函数执行体}2.使用字面量方式声明函数语法结构:var 变量名=function(参数){函数执行体}二.函数的调用方法:(两种)1.自己调用:声明函数后 通过函数的名称直接调用; e...原创 2019-09-16 16:04:42 · 145 阅读 · 0 评论 -
JavaScript作用域和预解析
一.作用域全局变量:在任何地方都可以访问到的变量就是全局变量,对应全局作用域局部变量:只在固定的代码片段内可访问到的变量,最常见的例如函数内部。对应局部作用域(函数作用域);声明全局变量: (2种)(1) var 变量名;(2) 变量名=值;存在于局部变量,不推荐使用 避免使用全局变量当声明一个全局变量的时候,实际上是定义了全局对象window的一个属性。块级作用域:...原创 2019-09-19 14:15:20 · 165 阅读 · 0 评论 -
Javascript对象的操作方法
1.for…in 遍历对象将对象中的数据,转换存在数组中;for(var k in 对象名){ } 遍历出 k为属性名,对象名[k]–>属性值; var qq={ name:'lihua', age:22, sex:'nv', play:function(){ console.log('可以吃') } } for (v...原创 2019-09-19 14:16:20 · 1702 阅读 · 0 评论 -
JavaScript值类型和引用类型,堆和栈
值类型:简单数据类型:/基本数据类型number,string,boolean,undefined,null;在存储时,存储的是变量值本身引用类型:复杂数据类型;/复合数据类型/特殊数据类型Object,Function;在存储时,变量中存储的仅仅是地址(引用)栈:由操作系统自动分配释放,存储函数的参数值,局部变量的值等,其操作方法类似数据结构的栈; 引用类型存储地址堆:...原创 2019-09-19 15:07:52 · 226 阅读 · 0 评论 -
JavaScript中break和continue关键字
break:立即跳出整个循环,即循环结束,开始执行循环后面的内容(直接跳到大括号)continue:立即跳出当前循环,继续下一次循环(跳到i++的地方)eg:1.求整数1~100的累加值,但要求碰到个位为3的数则停止累加 var sum05=0; for (var i=1;i<=100;i++) { if (i%10==3) { //个位为3 break...原创 2019-09-13 10:18:37 · 681 阅读 · 2 评论