智能社_js
文章平均质量分 75
蔡蔡动起来
感谢我身边所有帮助过我的人。我的学弟我的学长我的同班同学。学渣走向学霸之路不易,希望我可以从一个菜鸟到码农再到一名真正的前端工程师。
展开
-
初探js魅力 (鼠标提示框、换肤、函数、重用、函数传参、.和[]、 全选不选和反选、选项卡)
第一个JS特效:鼠标提示框鼠标移入到input时,让div1显示。鼠标移出input时,div1隐藏。<style> #div1{ width: 200px; height: 100px; background-color: #cccccc; border: 1px solid #999; ...原创 2018-09-02 08:18:41 · 220 阅读 · 0 评论 -
Ajax2
创建ajax对象。 连接到服务器 告诉服务器要哪个文件(发送请求) 接收返回值<script> //用没有定义的变量--报错 //用没有定义的属性--undefined alert(a)//报错 alert(window.a)//undefined</script>同步:多件事一起 ...原创 2018-09-16 19:34:56 · 187 阅读 · 0 评论 -
js面向对象基础01
面向对象:不了解原理的情况下,会使用功能。对象:黑盒子,不了解内部的结构,知道表面的各种操作。对外提供和一些操作。JS中的面向对象面向对象编程(OOP)的特点 抽象:抓住核心问题。(抽:把最主要的特征、跟问题相关的特征抽出来) 封装:不考虑内部实现,只考虑功能使用。 继承:从已有对象上,继承出新的对象。(遗传)从父类继承...原创 2018-09-17 18:23:34 · 156 阅读 · 0 评论 -
js面向对象基础02
<script> function show(){ alert(this); } show(); //window new show(); //object 新new出来的对象 </script>如果函数之前加上ne...原创 2018-09-17 19:51:25 · 128 阅读 · 0 评论 -
多物体运动框架1
多物体同时运动 多个div,鼠标移入变宽 单定时器,存在问题 每个Div一个定时器多物体运动不能共用一个定时器,每个div定一个定时器。多物体运动不能共用一个属性,所有东西不能共用。鼠标一接触,其宽度到300px.<style> div{ ...原创 2018-09-10 20:04:13 · 185 阅读 · 0 评论 -
js面向对象实例
实例:面向对象的选项卡原则:不能有函数套函数,但可以有全局变量。 过程 onload ---- 构造函数 全局变量 ---- 属性 函数 ---- 方法改错 this、事件、闭包、传参对象与闭包 通过闭包传递th...原创 2018-09-18 19:59:47 · 1300 阅读 · 0 评论 -
js事件基础(事件event对象,事件冒泡,鼠标键盘事件)
事件对象(获取事件的详细信息)和事件冒泡:什么是event对象:获取事件的详细信息:鼠标位置、键盘按键。 document本质:document.childNodes[0].tagName获取event对象(兼容性写法):var oEvent=ev||event;//点击界面没有反应。因为body里面没有内容,没有撑开。<script>...原创 2018-09-14 10:08:38 · 2083 阅读 · 0 评论 -
BOM应用(open、close、scrollTop)
打开、关闭窗口:open<body><input type="button" value="打开窗口" onclick="window.open('http://www.baidu.com')"/></body>document.write:先清空然后再写。<body><input type=&qu原创 2018-09-19 12:14:27 · 403 阅读 · 0 评论 -
js事件中级(默认行为,拖拽)
默认行为:浏览器自带的行为。阻止默认/右键事件:<script> document.oncontextmenu=function(){ return false;//阻止默认事件 }</script>例子:屏蔽右键菜单 弹出自定义右键菜单 只能输入数字的输入框 keydown keyup事件的区别//屏蔽...原创 2018-09-14 16:41:44 · 296 阅读 · 0 评论 -
COOKIE基础与应用
什么是cookie页面用来保存信息(自动登陆、记住用户名) cookie的特性: 同一个网站中所有页面共享一套cookie 数量、大小有限(4-10k) 过期时间 js中使用cookie document.cookie使用cookiecookie的使用 设置cookie ...原创 2018-09-19 19:38:59 · 163 阅读 · 0 评论 -
Ajax1
使用Ajax 基础:请求并显示静态TXT文件 字符集编码 缓存、阻止缓存 动态数据:请求js(或json)文件 eval的使用 DOM创建元素 局部刷新:请求并显示部分网页文件Ajax:不刷新页面去服务器上读取、刷新数据,让js...原创 2018-09-16 17:04:51 · 172 阅读 · 0 评论 -
DOM基础2
创建、插入和删除元素:创建DOM元素:createElement(标签名) appendChild(节点)插入元素:insertBefore(节点,原有节点) 在已有元素前插入删除DOM元素:removeChild(节点)创建元素:li <script> window.onload=function(){ ...原创 2018-09-06 20:28:17 · 159 阅读 · 0 评论 -
DOM操作应用高级表格应用
获取 tBodies、tHead、tFoot、rows、cells(tHead tFoot获取的不是数组而是一个元素,tBodies是一个数组)<script> window.onload=function(){ var oTab=document.getElementById('tab1'); /...原创 2018-09-08 10:08:06 · 218 阅读 · 0 评论 -
js基础
运算符算术:+ - * / % (实例:隔行变色 秒转时间)赋值:= += -= *= /= %=关系:< > <= >= == === != !==逻辑:&& || ! (全选与反选)运算符优先级:括号。隔行变色:<script> window.onload=f...原创 2018-09-03 09:02:43 · 120 阅读 · 0 评论 -
js运动基础1
运动中的bug:不会停止 速度取某些值会无法停止 除了本节讲的以外还可以用Math.abs()绝对值来判断在下一节。 到达位置后再点击还会运动 重复点击速度加快解决方法:一个定时器,用if else ,先clearInterval()想要控制物体快慢:改变speed的大小。<style> body{ width: 7...原创 2018-09-08 16:45:08 · 212 阅读 · 0 评论 -
深入js
函数返回值:<script> //一个函数只返回一种类型的值。 function show(a,b){ return;//undefined.如果没有return,也是 undefined } alert(show(3,5))</script>函数传参:可变参(不定参),arguments:可以有无数个参数。...原创 2018-09-03 14:46:09 · 310 阅读 · 0 评论 -
定时器 Date 无缝滚动
JS BOM之window对象 定时器setInterval(functionName,milisec); setInterval(function,milisec);采用匿名内部类的方法。setInterval()有返回值,返回的就是定时器。打开和关闭定时器:<script> window.onload=function(){ ...原创 2018-09-05 11:16:34 · 178 阅读 · 0 评论 -
js运动基础2 右侧悬浮框 缓冲运动 匀速运动的停止条件
缓冲运动:逐渐变慢,最后停止 距离越远速度越大(速度由距离决定 速度=(目标值-当前值)/缩放系数) 例子:缓冲菜单 (Bug:速度取整)缓冲运动:随着距离减小,速度也越来越小。用除数控制速度。速度用整数。oDiv.offsetTop //滚动条滚动的距离+窗口距离-物体宽度<style> #div1{ width: 100px; ...原创 2018-09-09 16:31:28 · 870 阅读 · 0 评论 -
js事件高级应用02(带框拖拽、自定义滚动条)
带框拖拽: <style> #div1{ width: 100px; height: 100px; background: red; position: absolute; } .box{ border: 1px ...原创 2018-09-15 19:50:15 · 340 阅读 · 0 评论 -
js事件高级应用01(事件绑定 、高级拖拽)
事件绑定 IE方式 attachEvent(事件名称、函数),绑定事件处理函数 detachEvent(事件名称、函数),解除绑定 DOM方式 addEventListener(事件名称,函数,捕获) removeEventListener(...原创 2018-09-16 11:02:10 · 367 阅读 · 0 评论 -
DOM基础1
JS中的DOM基础DOM documentchildNodes: <script> window.onload=function(){ var oDiv=document.getElementById('ul1'); //在IE6-8没问题。 alert(oDiv.chil...原创 2018-09-06 19:31:58 · 162 阅读 · 0 评论 -
js中的正则表达式
复习字符串操作search 查找 substring 获取子字符串 charAt 获取某个字符 split 分割字符串,获得数组找出字符串中的所有数字:用传统字符串操作完成 用正则表达式完成<script> var str='12 fff 87 er334 233 -=-=fa80';...原创 2018-09-21 11:37:36 · 139 阅读 · 0 评论