web郭乐的博客_JS——javascript

超链接跳转嵌套完成iframe框架页面双头双尾解决办法

好久没写文章了，今天小码哥在前辈面前落怂了，但也学了点东西，弥补自身知识的欠缺。最近在做一个项目的时候，由于用到第三方框架的原因，好多自己写的页面在框架中跳转页面的时候不是碰到跨域问题就是碰到其他一些稀奇古怪的问题。今天就又碰到一个让我感觉无从着手的问题。那就是在一个超链接上通过URL跳转页面，目标页面是一个由iframe引入的有头有尾的完整页面嵌套进当前页面的一个操作。悲剧由此发生，当点击超链接

JS

iframe

超链接

原创 2016-03-17 13:30:06 3770 阅读

textarea 文本域字数限制浅析--兼容所有浏览器

今天突然遇到一个小问题，说实话，貌似再小的问题，只要小码哥起初没有头绪，那就一定会卡壳。不要笑我！！下面说说今天遇到的问题：即textarea文本域标签如何限定其内输入的文本字数？晕了，有人说了，NM不会百度啊，，，，，没错，本文就是我百度出来的，看着还挺详细，就转来了。哈哈！其实说到文本字数，我们都知道说的是textarea的value值。可怎么完美的解决。还有待验证！通常的做法就是使用#脚本语

HTML JS textarea

转载精选 2015-07-02 10:07:03 851 阅读

基于Javascript 闭包基础浅析（一）

每次被提及闭包的时候，小码哥总是脑袋犯晕，不知如何作答！下面是小码哥转载的一篇博文，一看就懂，其讲解浅显简洁，易懂通俗！借此自己留作备用，也希望能对来串门的码农们有所帮助！！在DOM的事件处理方面，大多数程序员甚至自己已经在使用闭包了而不自知，在这种情况下，对于浏览器中内嵌的JavaScript引擎的bug可能造成内存泄漏这一问题姑且不论，就是程序员自己调试也常常会一头雾水。用简单的语句来描述Ja

javascript JS 闭包封

转载精选 2015-05-27 16:27:19 499 阅读

JS 侧栏导航点击定位页面内容位置及滚动条滚动改变导航元素对应状态

近来，小码哥应公司需求方要求，要在未来一个专题页面中加入一个效果：即，侧栏导航点击实现页面内容部分运动到相应位置，以及随着body滚动条滚动使导航按钮效果和页面相应内容对应上的一个效果。起初小码哥做的时候，只实现了点击导航按钮让页面相应的内容定位到和按钮相应的地方（在此可以查看小码哥先前写的关于锚点的文章）；而随滚动条实现按钮和内容相对应的效果没有做出来，由于项目专题的时限问题，小码哥借鉴了网上一

JS

滚动条

定位页面

原创 2015-05-18 17:08:41 6110 阅读 1点赞

jQuery事件绑定方法bind、 live、delegate和on的区别

小码哥再次偷懒了，不过，我不感觉怎样，只是收藏了一个简单易懂的文章。希望也能对光临鄙博客的童靴有帮助~~嘎嘎前言我们试图绑定一些事件到DOM元素上的时候，我相信上面这4个方法是最常用的。而它们之间到底有什么不同呢？在什么场合下用什么方法是最有效的呢?准备知识当我们在开始的时候，有些知识是必须具备的：DOM树下图仅仅是一个示例，这是一个在browser环境下的一棵模拟DOM树，在下面的代码中仅起到演

JS javascript

转载精选 2015-05-07 17:34:47 727 阅读

页面滚动条滚动后返回事件----JS

这两天小码哥在做页面的时候，其中有一个效果是想让右侧的一个导航随着页面向下滚动而由原来的固定（position:absolute;）模式改为悬浮（position:fixed;）模式。我当时就想到了返回函数。可是依照自己的想法写了几个JS都没成功，我在想肯定是我用错了方法了。后来经过偶一再查证，终于解决了该问题，，，下面是想分享给大家的代码。重点其实就是那段JS。当然，其中原理还得是靠自己领悟了。

JS

scroll

scrollTop

页面滚动条滚动

原创 2015-03-18 11:00:19 757 阅读

JS 面相对象讲解

每次小码哥遇到好的文章，总是想据为己有，但又知道，单纯的靠记忆，很难一次真正的据为己有，因此，偶就会转过来，以备以后能够想看的时候，就能手到擒来！~哇哈哈下面是小码哥遇到的一篇讲JS--面相对象的文章，感觉不错，虽然有的地方还有点小迷糊，但想来，以后常看，常练，总会慢慢理解的，人，从无知到有识，是需要时间熬练的，，，哈哈Javascript是一个类C的语言，他的面向对象的东西相对于C++/Java

JS javascript oop 面相

转载精选 2015-01-08 16:34:28 687 阅读

JS 数组及其方法浅析

近来闲来无事，小码哥突发奇想，手一哆嗦，就把javascript中的数组及其方法小小总结了一下！在JS里我们很抽象的理解万物皆对象，这大概也是，我们现在在写Js代码的时候，都善于用面向对象的方式写程序的根由吧....不多说，数组Array也是对象无疑了！首先，我们肯定应该知道什么是数组？其又是如何定义的？都有哪些优点？这都是我们关心的，，，数组定义：数组说白了就是数据的集合，在内存中，是一块连续内

JS

sort

Array 数组

原创 2015-01-07 11:26:52 646 阅读

定时器之setTimeout()超时调用与setInterval()间歇调用

本文对于初学者来说，非常不错，简洁易懂。而且更重要的解决了小码哥当初刚接触时的疑问——为啥setTimeout()本不算真正的定时器，却总是用作定时器。而setInterval()作为真正的定时器，却很少去用？呵呵，，这个答案，在本文最后一段，给了解释，当然，我认为有点道理，就是不知道答案完不完整！不管咋样，希望也对大家有帮助啦！哈哈 JavaScript是单线程语言，但它允许通过设置超

js setTimeout setI

转载精选 2014-11-03 14:54:07 1500 阅读

CSS中单位PX Vs EM 及弹性布局

在国内，绝大部分网站在CSS中使用的单位都是PX，只因为在国内用IE浏览器的人是占大多数的。“小码哥”也是如此，因此，鄙人对EM单位也是不甚了解。盖因“小码哥”平时也都是用的PX作单位的！嘎嘎，下面是小码哥COPY的一篇博文，读后略有收获。希望对后来的“兔儿们”有帮助哈！我先说说我理解：CSS中，文字大小，尤其是以em为单位的样式中，是具有继承性的。父级能够影响子级。在同一个层级（元素如<

CSS PX EM px em 弹性

转载精选 2014-09-28 15:41:54 521 阅读

CSS中单位PX Vs EM 及弹性布局

在国内，绝大部分网站在CSS中使用的单位都是PX，只因为在国内用IE浏览器的人是占大多数的。“小码哥”也是如此，因此，鄙人对EM单位也是不甚了解。盖因“小码哥”平时也都是用的PX作单位的！嘎嘎，下面是小码哥COPY的一篇博文，读后略有收获。希望对后来的“兔儿们”有帮助哈！我先说说我理解：CSS中，文字大小，尤其是以em为单位的样式中，是具有继承性的。父级能够影响子级。在同一个层级（元素如<

CSS PX EM px em 弹性

转载精选 2014-09-28 15:41:42 556 阅读

PS(photoshop)抠图（切图）必备快捷键及要点简析

对于PS来说，小码哥也算是初学者，懂得也仅仅是一些工作上用的最多的常用知识，大家不要鄙视鄙人哈！下面嗫，是小码哥我平时抠图（切图）时，常用的一些工具和快捷键。看似简单，但是，只要用精了，做网站页面编写完全木有问题滴，，，，嘎嘎废话不多说了，看要点：1、H键：鼠标光标转换为“小手”形状，此时，就能点击鼠标左键拖动图像了。2、V键：则会把鼠标光标回复到正常的“箭头”状。用于你对右侧图层选择。3、C键：

快捷键

photoshop

切图

抠图

原创 2014-09-15 11:36:10 2494 阅读

IE6下 CSS z-index属性失效原因浅析

近日，小码哥遇到一个在IE6下z-index属性失效问题！让鄙人纠结了好半天。心里那个不爽啊！最终虽然解决了俺遇到的问题，同时也做出了如下小结：（希望对“码上赚钱”的侬有所帮助）。其实z-index属性在标准浏览器下其属性值完全按照大小来衡量谁上谁下的。但是在这个各种浏览器横行的年代，又遇到万恶而变态的IE、7时。很多问题就接踵而至了。在IE6、7下针对z-index属性的问题，最常遇到的就是不管

IE6

CSS z-index

原创 2014-09-02 10:33:16 730 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

关注技术专注前端

超链接跳转嵌套完成iframe框架页面双头双尾解决办法

textarea 文本域字数限制浅析--兼容所有浏览器

基于Javascript 闭包基础浅析（一）

JS 侧栏导航点击定位页面内容位置及滚动条滚动改变导航元素对应状态

jQuery事件绑定方法bind、 live、delegate和on的区别

页面滚动条滚动后返回事件----JS

JS 面相对象讲解

JS 数组及其方法浅析

定时器之setTimeout()超时调用与setInterval()间歇调用

CSS中单位PX Vs EM 及弹性布局

CSS中单位PX Vs EM 及弹性布局

PS(photoshop)抠图（切图）必备快捷键及要点简析

IE6下 CSS z-index属性失效原因浅析

欢迎