ĴS
蔡蔡动起来
感谢我身边所有帮助过我的人。我的学弟我的学长我的同班同学。学渣走向学霸之路不易,希望我可以从一个菜鸟到码农再到一名真正的前端工程师。
展开
-
JavaScript的基本语法 标识符 数据类型 操作符
JavaScript是一种基于对象和事件驱动的客户端脚本语言,最初的设计是为了检验HTML表单输入的正确性。完整的JavaScript由ECMAScript(语法)、Browswe Objects(DOM、BOM)(特性)组成的。ECMAScript提供核心语言的功能,DOM提供访问和操作网页内容的方法和接口,BOM提供与浏览器交互的方法和接口。学习目标JS的注释与分号 Java...原创 2018-07-23 16:11:10 · 393 阅读 · 0 评论 -
JS BOM之history screen navigator对象
history对象保存了用户在浏览器中访问页面的历史记录。history.back() 回到历史记录的上一步 相当于使用了history.go(-1).-2回到历史记录的前两步。history.forward() 回到历史记录的下一步 相当于使用了history.go(1).根据历史记录前进。history.go(-n) 回到历史记录的前n步 。history.go(n)...原创 2018-07-27 19:38:22 · 173 阅读 · 0 评论 -
Math对象取整和获取随机数
方法 定义 用法 参数 返回值 ceil() 对一个数进行上舍入 Math.ceil(n) 必需 必须是一个数值 大于等于n,并且是与它最接近的整数 floor() 对一个数进行下舍入 Math.floor(n) 必需 必须是一个数值或表达式 小于等于n,并且是与它最接近...原创 2018-07-28 11:17:23 · 945 阅读 · 0 评论 -
初探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 评论 -
DOM操作应用高级表格应用
获取 tBodies、tHead、tFoot、rows、cells(tHead tFoot获取的不是数组而是一个元素,tBodies是一个数组)<script> window.onload=function(){ var oTab=document.getElementById('tab1'); /...原创 2018-09-08 10:08:06 · 217 阅读 · 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 · 210 阅读 · 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 评论 -
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 BOM之location对象
提供了与当前窗口中加载的文档有关的信息,还提供了一些导航的功能,它既是window对象的属性也是document对象的属性。属性:location.href 返回当前加载页面的完整URL 说明:location.href与window.location.href等价console.log(location.href);//http://localhost:63342/Demo/...原创 2018-07-27 17:37:22 · 280 阅读 · 0 评论 -
JS BOM之window对象 定时器
BOM(browser object model) 浏览器对象模型。BOM对象有:window navigator screen history location document event.window是浏览器的一个实例,在浏览器中,window对象有双重角色,它既是通过JavaScript访问浏览器窗口的一个接口,又是ECMAScript规定的Global对象(全局对象)。所...原创 2018-07-27 15:01:51 · 579 阅读 · 0 评论 -
JS事件类型
JS的执行顺序是从上到下的。<body> <div id="box">这是一个div</div></body><script> var box=document.getElementById("box"); var clicked=function(){ alert(&quo原创 2018-07-26 20:16:06 · 433 阅读 · 0 评论 -
js的分支语句
JavaScript条件语句:分支语句和循环语句。if语句是分支语句中的一种。学习目标:条件语句if prompt的应用 alert应用prompt(),弹出输入框。返回值:1.点击确定,返回输入内容。2.点击取消,返回null。var age=prompt("请输入您的年龄");<script> //三种语法结构 var age=1...原创 2018-07-24 10:12:24 · 1848 阅读 · 0 评论 -
js循环语句
for for-in while do...whilefor:<script> for(var i=1;i<=100;i++){ document.write(i+"<br />"); } for(var i=99;i>=1;i-=2){ console.log(i); }</sc...原创 2018-07-24 11:08:30 · 756 阅读 · 0 评论 -
break和continue
break:立即退出循环。continue:结束本次循环,继续开始下一次。var num=0; for(var i=1;i<10;i++){ if(i%5==0){ continue; } num++; document.write(num); document.writ...原创 2018-07-24 11:34:06 · 187 阅读 · 0 评论 -
js函数,arguments对象
作用:可以封装任意多条语句,而且可以在任何地方,任何时候调用执行。functionName是要定义的函数名,属于标识符。函数的定义和调用://不带参数 function myFun(){ alert("我是一个函数"); } myFun();//带参数 function add(num1,num2){ var sum=...原创 2018-07-24 15:40:38 · 166 阅读 · 0 评论 -
js的内置对象之数组
内置对象:浏览器中自己封装好的对象,我们可以直接调用它的属性和方法。数组字符串数学日期数组:的ECMAScript中的数组数组的每一项可以保存任意类型数据。长度可以调整,随着数据增加可以增长。学习目标:创建数组 数组元素读写 数组的长度属性创建数组的基本方式:Array构造函数,new Array()。说明:1。预先知道数组要保存的项目数量2.向构造函数中传递数组应包...原创 2018-07-25 09:27:36 · 210 阅读 · 0 评论 -
JS的内置对象之String
charAt()与charCodeAt()charCodeAt(index):返回index位置字符的字符编码。charAt():返回index位置的字符本身。var str = "a I love jixi"; //charCodeAt() 查找字符编码 console.log(str.charCodeAt(0)); // 返回值: 97 ? 根据角标 返回uni...原创 2018-07-25 14:57:24 · 158 阅读 · 0 评论 -
Date对象之获取和设置月份getMonth&setMonth
getMonth() setMonth() 定义 返回表示月份的数字 用于设置月份 用法 dateObj.getMonth() dateObj.setMonth() 参数 无 Month:必需。0(一月)--11(十二月)之间。-1为去年的最后一个月,12为明年的第一个月,13为明年的第二个月。 day:可选。表示月份...原创 2018-07-28 16:09:17 · 10721 阅读 · 0 评论 -
JS中的DOM基础
完整的javascript是由ECMAScript(语法),Browser Object(DOM,BOM)(特性)组成的。通过ID getElementById() 返回带有指定ID的元素 通过标签名 getElementByTagName() 返回带有指定标签名的所有元素,返回的是一个类数组对象 通过name属性 getElementByName() ...原创 2018-07-26 10:05:41 · 139 阅读 · 0 评论 -
JavaScript事件基础
学习目标:什么是事件 HTML事件 DOM0级事件 常用的鼠标与键盘事件 this的指向事件就是文档或浏览器窗口中发生的一些特定的交互瞬间。HTML事件:直接在HTML元素标签内添加事件,执行脚本。<tag 事件=“执行脚本”></tag> 在HTML元素上绑定事件。说明:执行脚本可以是一个函数的调用。onload 页面加载时触发 ...原创 2018-07-26 14:59:18 · 91 阅读 · 0 评论 -
DOM基础2
创建、插入和删除元素:创建DOM元素:createElement(标签名) appendChild(节点)插入元素:insertBefore(节点,原有节点) 在已有元素前插入删除DOM元素:removeChild(节点)创建元素:li <script> window.onload=function(){ ...原创 2018-09-06 20:28:17 · 159 阅读 · 0 评论