文章目录  9.13. 类型转换   类型转换    9.13. 类型转换  类型转换 1、直接转换 parseInt() 与 parseFloat() alert('12'+7); //弹出127 alert( parseInt('12') + 7 ); //弹出19 alert( parseInt(5.6)); // 弹出5 alert('5.6'+2.3); // 弹出5.62.3 alert(parseFloat('5.6')+2.3); // 弹出7.8999999999999995 alert(0.1+0.2); //弹出 0.3000000000000004 alert((0.1...

文章目录  9.14. 调试程序的方法   调试程序的方法    9.14. 调试程序的方法  调试程序的方法 1、alert 2、console.log 3、document.title

文章目录  9.15. 定时器   定时器    9.15. 定时器  定时器 定时器在javascript中的作用 1、制作动画 2、异步操作 3、函数缓冲与节流 定时器类型及语法 /* 定时器： setTimeout 只执行一次的定时器 clearTimeout 关闭只执行一次的定时器 setInterval 反复执行的定时器 clearInterval 关闭反复执行的定时器 */ var time1 = setTimeout(myalert,2000); var time2 = setInterval(myalert,2000); /* clearTimeout(time1); clea...

文章目录  9.16. javascript变量作用域   9.16. javascript变量作用域

文章目录  9.16. 变量作用域   变量作用域    9.16. 变量作用域  变量作用域 变量作用域指的是变量的作用范围，javascript中的变量分为全局变量和局部变量。 1、全局变量：在函数之外定义的变量，为整个页面公用，函数内部外部都可以访问。 2、局部变量：在函数内部定义的变量，只能在定义该变量的函数内部访问，外部无法访问。 <script type="text/javascript"> //全局变量 var a = 12; function myalert() { //局部变量 var b = 23; alert(a); alert(b); }...

文章目录  9.17. javascript封闭函数   封闭函数    9.17. javascript封闭函数  封闭函数 封闭函数是javascript中匿名函数的另外一种写法，创建一个一开始就执行而不用命名的函数。 一般定义的函数和执行函数： function myalert(){ alert('hello!'); }; myalert();  封闭函数： (function myalert(){ alert('hello!'); })();  还可以在函数定义前加上“~”和“!”等符号来定义匿名函数 !function myalert(){ alert('hello!'); }() ...

文章目录    常用内置对象     9.18. javascript常用内置对象  常用内置对象 1、document document.getElementById //通过id获取元素 document.getElementsByTagName //通过标签名获取元素 document.referrer //获取上一个跳转页面的地址(需要服务器环境)  2、location window.location.href //获取或者重定url地址 window.location.search //获取地址参数部分 window.location.hash //获取页面锚点或者叫哈希值  课堂...

文章目录   10. JQuery  10.1. jquery介绍  10.2. jquery加载  10.3. jquery选择器  10.4. jquery样式操作  10.5. 绑定click事件  10.6. jquery特殊效果  10.7. jquery链式调用  10.8. jquery动画  10.9. 尺寸相关、滚动事件  10.10. jquery属性操作  10.11. jquery循环  10.12. jquery事件  10.13. 事件冒泡  10.1***委托  10.15. jquery元素节点操作  10.16. 滚轮事件与函数节流  10.17. json ...

文章目录  10.1. jquery介绍   jquery介绍    10.1. jquery介绍  jquery介绍 jQuery是目前使用最广泛的javascript函数库。据统计，全世界排名前100万的网站，有46%使用jQuery，远远超过其他库。微软公司甚至把jQuery作为他们的官方库。 jQuery的版本分为1.x系列和2.x、3.x系列，1.x系列兼容低版本的浏览器，2.x、3.x系列放弃支持低版本浏览器，目前使用最多的是1.x系列的。 jquery是一个函数库，一个js文件，页面用script标签引入这个js文件就可以使用。 <script type="tex...

文章目录  10.2. jquery加载   jquery加载    10.2. jquery加载  jquery加载 将获取元素的语句写到页面头部，会因为元素还没有加载而出错，jquery提供了ready方法解决这个问题，它的速度比原生的 window.onload 更快。 <script type="text/javascript"> $(document).ready(function(){ ...... }); </script>  可以简写为： <script type="text/javascript"> ...

文章目录  10.3. jquery选择器   jquery选择器    10.3. jquery选择器  jquery选择器 jquery用法思想一 选择某个网页元素，然后对它进行某种操作 jquery选择器 jquery选择器可以快速地选择元素，选择规则和css样式相同，使用length属性判断是否选择成功。 $('#myId') //选择id为myId的网页元素 $('.myClass') // 选择class为myClass的元素 $('li') //选择所有的li元素 $('#ul1 li span') //选择id为为ul1元素下的所有li下的span元素 $('input[nam...

文章目录  10.4. jquery样式操作   jquery样式操作    10.4. jquery样式操作  jquery样式操作 jquery用法思想二 同一个函数完成取值和赋值 操作行间样式 // 获取div的样式 $("div").css("width"); $("div").css("color"); //设置div的样式 $("div").css("width","30px"); $("div").css("he...

文章目录  10.5. 绑定click事件   绑定click事件    10.5. 绑定click事件  绑定click事件 给元素绑定click事件，可以用如下方法： $('#btn1').click(function(){ // 内部的this指的是原生对象 // 使用jquery对象用 $(this) })  获取元素的索引值 有时候需要获得匹配元素相对于其同胞元素的索引位置，此时可以用index()方法获取 var $li = $('.list li').eq(1); alert($li.index()); // 弹出1 ...... <ul class="list&...

文章目录  10.6. jquery特殊效果   jquery特殊效果    10.6. jquery特殊效果  jquery特殊效果 fadeIn() 淡入 $btn.click(function(){ $('#div1').fadeIn(1000,'swing',function(){ alert('done!'); }); }); fadeOut() 淡出 fadeToggle() 切换淡入淡出 hide() 隐藏元素 show() 显示元素 toggle() 切换元素的可见状态 slideDown() 向下展开 slideUp() 向上卷起 slideToggle() 依次展开或卷起某...