技术开发

JavaScript技术

firefox下获取下列框选中option的text的代码

阅读(26) 作者(admin)

知识点： 0、为什么要innerText？因为安全问题 1、为firefox dom模型扩展属性 2、currentStyle属性可以取得实际的style状态 3、IE实现innerText时考虑了display方式，如果是block则加换行 4、为什么不用textContent？因为tex...

JavaScript技术

让IE6支持min-width和max-width的方法

阅读(16) 作者(admin)

说明：让 IE6 及其以下版本支持 CSS 中 min/max-width/height 属性 复制代码 代码如下: @if (@_win32 && @_jscript_version>4) var minmax_elements; minmax_props= new Array( new Array('min-width', 'minWidth'), n...

JavaScript技术

js for循环，为什么一定要加var定义i变量

阅读(32) 作者(admin)

譬如下面。 复制代码 代码如下: for(i=0;i<10;i++){//就不写成: var i=0 　　　alert(i); } 　　但是，这真的不是个好习惯，下面我就说说为什么写Js的for循环一定要加var，否则会时不时给你带来烦人难查的bug。 　　譬如...

JavaScript技术

jQuery选择头像并实时显示的代码

阅读(24) 作者(admin)

js： 复制代码 代码如下: //头像选择 function GetFace() { var faceid = $("#SelFace").val(); if (faceid.length == 1) { faceid = "0" + faceid; } $("#imgface").attr("src", "/WebUI/template/images/public/tutu...

JavaScript技术

Javascript匿名函数的一种应用 代码封装

阅读(24) 作者(admin)

在一些Javascript库中可以看见这种写法： 复制代码 代码如下: (function(){ //所有库代码代码 })(); 说实话，对于js初学者的我来说。这个东西太吓人了，在这些JS库中，这个函数基本上把整个库的所有代码全括起来了，这种写法...

JavaScript技术

验证javascript中Object和Function的关系的三段简单代码

阅读(23) 作者(admin)

话说在楼猪理解和实践能力尚欠火候的时候，在这篇里曾经照搬了李战老师不少东西写在自己的博客里作为“知识储备”。这一次还是不能免俗。在翻到第5章的时候，被开篇第二段话深深吸引和折服：“函数具有对象的全部特征，你完...

JavaScript技术

js getElementsByTagName的简写方式

阅读(24) 作者(admin)

复制代码 代码如下: //CLASS@Mr.Think*****getElementsByTagName function tag(name,elem){ if(!document.getElementsByTagName) return false; return (elem || document).getElementsByTagName(name); } 使用不做...

JavaScript技术

两种简单实现菜单高亮显示的JS类代码

阅读(19) 作者(admin)

记得当年写静态页时,为了实现高亮都是在每个页面加不同的样式,呵.高亮显示我觉得对于web前端来说,是比较常用到的效果,正好此次又要用到,特地整理出我所写的两种高亮类.

其实思路很简单,第一种方法是通过遍历链接组...

JavaScript技术

JavaScript Tips 使用DocumentFragment加快DOM渲染速度

阅读(19) 作者(admin)

大家在使用JavaScript的时候，DOM操作是最平常不过的了， 随着Web前端技术的发展,我们越来越多的使用JS来操作DOM元素，比如通过ajax请求获取到数据，然后更新页面上的元素，一般情况下，这种操作我们会用类似node.appendChild()...

JavaScript技术

Jquery ui css framework

阅读(27) 作者(admin)

Jquery ui中两大核心的css文件是ui.core.css和ui.theme.css.这两个css样式贯穿整个基于jquery ui的界面上，并且可以通过jquery ui ThemeRoller来生成自己的样式。

.ui-helper-hidden :为元素应用display:none

.ui-...

JavaScript技术

jquery photoFrame 图片边框美化显示插件

阅读(20) 作者(admin)

三种样式都是用photoframe实现的，我会继续丰富其样式，目标是拿来即用，简化页面代码。使用： 复制代码 代码如下: <link type="text/css" rel="stylesheet" href="stamp/style.css" /> <script type="text/javascript" src=...

JavaScript技术

Whatever:hover 无需javascript让IE支持丰富伪类

阅读(14) 作者(admin)

这很酷，因为这使你可以仅通过 css来对表格行(<tr>)应用鼠标滑过事件(mouseover)时的特殊效果。然而，万恶的IE，对 :hover伪类顶多只提供了有限的支持，具体支持的程度要取决于你的IE浏览器的具体版本。 Whatever:hover 是一...

JavaScript技术

javascript hasFocus使用实例

阅读(22) 作者(admin)

如果网页处于焦点状态返回true,否则返回fasle 什么是焦点？焦点是指用户是否活动在该页面．确切的说鼠标是否在该网页内活动．或者说该网页中的内容是否有被选中的，或者光标存在于该页的某个元素内．如果具备其中一个条件那么...

JavaScript技术

javascript与CSS复习(二)

阅读(16) 作者(admin)

visibility：在切换元素可见性的同时会保持元素在普通流中的位置和空间。它有两个值：visible（默认的）和hidden（不可见的）， 例如： 复制代码 代码如下: <p>Hello <b>John</b>, how are you today?</p> 浏览器中是：Hello John, ho...

JavaScript技术

javascript与CSS复习（《精通javascript》）

阅读(15) 作者(admin)

如：elem.style.height 或者 elem.style.height = '100px', 这里要注意的是设置任何几何属性必须明确尺寸单位（如px），同时任何几何属性返回的是表示样式的字符串而非数值（如'100px'而非100）。另外像elem.style.height这样的...