Javascript
冒险岛_0_
这个作者很懒,什么都没留下…
展开
-
Js基础(一)
JS基础(一)1、script标签的三种写法:<script></script><script type = "text/javascript"></script><script language = "javascript"></script>2、script标签可以放置在任意位置,但是要注意加载顺序,一般...原创 2019-04-26 22:31:23 · 692 阅读 · 0 评论 -
JS时间对象
1、时间对象获取年、月、日、时、分、秒var date = new Date();//时间对象var gmt = date.toGMTString();//时间对象转换成字符串,获取格林威治时间/* 年 */var year = date.getFullYear();/* 月 */var month = date.getMonth() + 1;//外国的月份是从0开始的所以...原创 2019-05-13 23:36:19 · 1073 阅读 · 0 评论 -
JS跳动的小球
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, ini ul, o...原创 2019-05-14 13:46:35 · 738 阅读 · 0 评论 -
JS里的原生 BOM、offsetBOM、offset
1、BOM(都是在window下面的)DOM:文档对象模型(针对document下的节点的一些属性方法);BOM:浏览器对象模型(针对浏览器下面的节点的一些属性方法)1、onresize 窗口改变事件2、onscroll 滚动事件3、close() 关闭当前窗口 只能关闭脚本打开的窗口4、open(url) 打开新页面5、navigator.userAgent 浏览器的...原创 2019-05-07 11:32:27 · 355 阅读 · 0 评论 -
Cookie ---- JS
1、Cookie其实用到的只有两个方法 cookie 和 expires Cookie不能存储在静态页面中 只能存放在服务器中 expires -- 设置会话到期时间 expires--英文(到期) cookie到期后就不能通过原来的cookie访问服务器了 /* 设置cookie到期时间 *//* 字符串时间搓 */var date = ne...原创 2019-05-20 21:31:26 · 164 阅读 · 0 评论 -
Ajax 的简单认识和应用
1、Ajax全称:Asynchronous JavaScript and XML中文:异步javaScript和XML就是能局部刷新(局部请求),不需要整个文件重新向服务器发送请求也可以用来处理get和post请求Ajax几个请求状态 0:请求还没有建立(open执行之前) 1:请求建立了,但是还没有发送(open刚执行) 2:请求正式发送了(send...原创 2019-05-20 23:22:13 · 571 阅读 · 0 评论 -
JS----Ajax封装
1、Ajax封装 type:发送/接收数据的方式(get/post),默认get,不区分大小写 url:发送/请求数据地址 date:发送的数据,可以为json格式发送,也可以user=楠楠&pwd=123发送 success:发送数据或者请求成功以后执行操作 http://www.baisd.com/?user=楠楠&pwd=123&a...原创 2019-05-21 18:05:01 · 187 阅读 · 0 评论 -
jQuer常用的一些方法总结
1、克隆 clone(true/false) --- /* 把第一个元素克隆然后添加到对象后面去 */$(".box").append($(".box p").eq(0).clone(true));//true表示深度克隆2、animate jQuery要实现缓冲需要去下载easing框架 jQuery的运动框架取消了异步 <script src="h...原创 2019-05-26 13:27:41 · 340 阅读 · 0 评论 -
jQuery选择器和操作CSS样式
1、jQuery选择器的迭代 $("p") $(".box") $("#box") $("#box ul li") $("li.special") $("ol , ul") $("*")----获取document里面所有的元素 2、animate函数/* animate函数------animate(ob...原创 2019-05-26 13:30:31 · 969 阅读 · 0 评论 -
jQuery里的Ajax
1、jQuery里的Ajaxget/* get请求 */$.ajax({ type:'get',/* 以什么方式时get/post */ url: 'text.txt',/* 发送请求或者发送数据地址 */ success:function(msg){/* 请求成功后的回调函数,值function参数msg是后台返回的信息 */ console....原创 2019-05-26 14:50:32 · 176 阅读 · 0 评论 -
jQuery无缝轮播图
1、无缝轮播图运行结果图:<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, ini...原创 2019-05-26 18:54:22 · 1380 阅读 · 0 评论 -
JS原型链
1、原型链原型链:一个实例化对象在寻找一个属性的时候,会先从自身属性寻找,其次到上级原型链,直到Object,如果还找不到就分会undefined,这就称之为原型链。下面绿色框框的是原型链function CreatP(n){ this.name = n;}CreatP.prototype.sayHeelo = function(){ consloe.log(...原创 2019-05-22 20:54:40 · 129 阅读 · 0 评论 -
JS继承
1、继承继承:让一个对象继承另外一个对象所有属性和方法特点:子类继承父类,子类拥有父类的所有功能,子类可以进行扩展,并且扩展的东西不影响父类 /* 父类 */function Parent(name){ this.parenta = name; this.parentb = 20;}Parent.prototype.parentPc = '父级原型';Pare...原创 2019-05-22 21:13:57 · 129 阅读 · 0 评论 -
JS包装对象
1、包装对象JS中有三个基本数据类型是比较特殊的存在,分别是String、number、Boolear,这个三个基本是由自己对应的包装对象。并且随时等候召唤,包装对象:其实就是对象,有相应的属性和方法,至于这个过程怎么发生的呢?其是在后台偷偷发生的。区别:引用类型和基本包装对象的区别在于,生存期,引用类型所创建的对象,在执行期间一直在内存中,而基本包装对象只是存在一瞬间(也就是...原创 2019-05-22 21:18:26 · 1796 阅读 · 0 评论 -
JS简单链式调用
1、链式调用JQuery里面一些方法就是通过链式调用的/*map()items 遍历的数组的每一项*/var arr = [1,2,3];var num = arr.map(function(items){ return items + 1;});console.log(num);//[2,3,4 var arr = [1,2,3]; var n...原创 2019-05-22 21:26:48 · 1090 阅读 · 0 评论 -
jQ-jsonP(百度)-Google页面
1、JsonP Jsonp(JSON with Padding) 是 json 的一种"使用模式",可以让网页从别的域名(网站)那获取资料,即跨域读取数据。 为什么我们从不同的域(网站)访问数据需要一个特殊的技术(JSONP )呢?这是因为同源策略。 同源策略,它是由Netscape提出的一个著名的安全策略,现在所有支持JavaScript 的浏览器都会使用这个策略 2、Goog...原创 2019-05-30 22:27:21 · 327 阅读 · 0 评论 -
JS函数作用域、闭包
1、函数作用域1、两个不同的script标签,先执行完前一个全部代码,并且后面的script能用前面的script变量2、在同一个script里面按从上到下执行顺序是不可理的/*在同一个作用域里面(代码的执行步骤): 1、定义 var a(定义变量) 函数的定义(有名函数的定义) 2、执行(除了定义都是执行,从上往下)*/aler...原创 2019-05-01 13:53:16 · 842 阅读 · 0 评论 -
JS正则表达式基础
JS正则表达式1、语法(两种) 1、/字符串/ 2、new RegExp(可以为变量);/* 1、/字符串/ 2、new RegExp(可以为变量); g ---- 表示全局匹配*//* 测试的方法: 正则.test(字符串) 返回布尔值 字符串.match(正则) 把匹配到的放到一个数组里面*/var r...原创 2019-05-13 21:57:22 · 288 阅读 · 0 评论 -
JS函数、函数表达式、阶乘
JS函数、函数表达式1、函数的定义函数的作用:在出现大量程序相同的时候,就可以封装一个函数,让程序可以重复利用,提高效率函数的定义:通俗的说,函数就是像是css的类名一样,在书写类里面的样式的时候,其实就相当于函数的定义,类名的多次调用,就是函数的调用;/* 先定义再执行 */function fn(){ alert('小明');}/* 函数的调用 函数名() f...原创 2019-04-30 20:03:05 · 1605 阅读 · 0 评论 -
Js基础事件总结
Js基础(二)1、鼠标事件(总共七个事件)点击事件 onclik 单击<div id="box"></div><script> var oBox = documnet.getElementById("box"); oBox.onclick = function(){ alert('Hello Word!') ...原创 2019-04-26 22:32:32 · 215 阅读 · 0 评论 -
Js操作样式和this的认识
1、Js操作元素innerHtml 获取或者修改或添加元素里面的内容(常用)innerText 获取或者修改或添加元素里面的内容(不常用)区别:innerText不能解析标签<body> <div id="box"></div> </bod><script> var oBox = documen...原创 2019-04-26 22:34:11 · 781 阅读 · 0 评论 -
JS数组、字符串(方法的相关操作)
1、数组(11种方法)(1)、length 长度(2)、push 末尾添加(3)、pop 末尾删除(4)、unshift 首位添加(5)、shift 首位删除(6)、concat 合并(7)、clice 切片(8)、splice 增加、删除、替换(9)、reverse 反转(10)、sort 排序(11)、join 转字符串拼接数组的相关操作...原创 2019-05-01 17:21:26 · 210 阅读 · 0 评论 -
JS轮播图淡入淡出封装
css:ul, ol { list-style: none;}a {border: none;text-decoration: none;color: inherit;}* {margin: 0;padding: 0;}.clearfix:after{content: '';display: block;clear: both;}.fl-L{ float:left;}.fl-R{ ...原创 2019-05-02 01:27:00 · 342 阅读 · 0 评论 -
JS简单的运行框架、设表先关、拉终停表
1、运动框架(简单模型)运动:把连续相关的画面,连续播放(动画)运动框架需要用到定位,不能用margin,因为margin没有脱离文档流/* 1、一次改变多少 步长 2、间隔多少时间改变一次 3、定时器*/var oBox = document.querySelector('#box');var bchag = 10;//步长var left = ...原创 2019-05-02 17:50:06 · 667 阅读 · 0 评论 -
JS升级版运动框架
1、升级版运动框架加了到达的时间,和目标地点animate(obj,myjosn,time);/* 初始位置: left:100px; top:100px;现在我想用 3000毫秒的时间,让盒子运动到: left:700px top:250px;变化量: leftL:600px; top:150px;现在定时器间隔时间是2...原创 2019-05-03 17:58:13 · 249 阅读 · 0 评论 -
JS完整版运动框架、函数重载
1、完整版运动框架函数重载:函数名一样,参数列表不一样加入Tween算法/** 运动框架封装* 新增:运动完后变色,透明度* call 回调函数* 总共参数(5):* obj 对象* myjson 传入的json样式* time 运动的时间* tween 缓冲(Tween算法)* ...原创 2019-05-03 17:59:38 · 287 阅读 · 0 评论 -
JS获取MOD属性和DOM方法
1、DOM节点(树)DOM树:HTML下面的head和body、head下面有meta、style、title、body下面的有一些div标签,像这种就是DOM树;nodeType:任何的HTML元素都有nodeType属性,值1-11,原生js属性只需要掌握4个值:1 元素节点3 文本节点 (空格也是文本节点)8 注释节点9 document节点2、获...原创 2019-05-04 00:30:16 · 784 阅读 · 0 评论 -
JS标签属性
标签属性1、获取和修改标签属性可读可写.style 获取的是行内样式通过.的方式这能获取合法的标签属性(就是不能获取系统自带的方法属性),需要通过特定的方法来获取<body> <img src="" alt="哈哈" name="dawang" id="box"/></body><script> var ...原创 2019-04-28 20:54:19 · 3597 阅读 · 0 评论 -
JS无缝轮播图
1、无缝轮播图animate.0.1.3框架在我之前的博客上有运行结果图:<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-w...原创 2019-05-04 19:33:35 · 852 阅读 · 0 评论 -
JS标签属性(自定义)
标签属性1、获取和修改标签属性可读可写.style 获取的是行内样式通过.的方式这能获取合法的标签属性(就是不能获取系统自带的方法属性),需要通过特定的方法来获取<body> <img src="" alt="哈哈" name="dawang" id="box"/></body><script> var ...原创 2019-04-29 16:22:26 · 1778 阅读 · 0 评论 -
JS设置样式的替代方法、静态获取.动态获取、元素命名规范
1、设置样式的替代方法通过js来操作类名,来实现css的批量操作写样式的时候能用CSS写的不用JS写,因为CSS加载比JS快;<style> #box{ width: 100px; height: 100px; background-color: #ccc; } #box.on{ fl...原创 2019-04-29 16:23:20 · 353 阅读 · 0 评论 -
JS类型转换(显示、隐式)
1、类型转换(显示、隐式)显示类型转换: 1、parseInt 转换成整数var a = '123.1px';console.log(parseInt(a)); //123 将一个string转换成整数,只取第一个整数 2、parseFloat 转换成浮点数(小数)var a = '123.2';console.log(parseFloat(a));//123.2...原创 2019-04-29 18:17:42 · 1218 阅读 · 0 评论 -
JS控制语句(Math方法)
控制语句(Math方法)Math对象方法Math.pow(2,3);//2的3次幂Math.sqrt(4);//4的平方根Math.floor(12.78);//13 向下取整Math.ceil(12.1);//12 向上取整Math.max(3,2,1);//去最大值Math.min(3,2,1);//去最小值Math.random();//随机数[0,1),...原创 2019-04-29 21:34:44 · 223 阅读 · 0 评论 -
JS event、滚轮事件、冒泡事件、监听事件、键盘事件
1、event事件event英文:事件当事件触发的时候,会产生对象,这个对象存储着和事件相关的信息,这个对象就是event事件对象有有一定的兼容性/* event 存放在函数的第一个参数里面 *//* IE8及其以下不兼容 */document.onclick = function(e){ console.log(e);}/*兼容所有 */docuemt.o...原创 2019-05-08 11:01:40 · 1392 阅读 · 0 评论 -
mysql 用户、数据库、表的基本操作
1、mysql简介--进入: mysql -u用户名 -p密码--退出: \q exit--创建用户: --创建: create user 'Fyn'@'%' identified by 'qwe123'; --赋予权限: grant all on *.* to 'Fyn'@'%'; --立即生效: ...原创 2019-06-01 12:58:16 · 537 阅读 · 0 评论