实现lightBox时的样式与行为分离减少JS第1/2页

2017年02月06日 32 阅读

[参与测试的浏览器：IE6 / IE7 / IE8 / FF3.5 / OP9.6 / SF4 / Chrome2 ] [操作系统：Windows] 本教程旨在实现lightBox时的样式与行为分离，减少JS在各方面（全屏遮蔽、ie6中遮蔽select、双向居中、高度自适应内容等）的工作。 先上代码： 复制代码 代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "...

JavaScript 设计模式学习 Factory

2017年02月06日 25 阅读

复制代码 代码如下: /* DisplayModule interface. */ var DisplayModule = new Interface（"DisplayModule", ["append", "remove", "clear"]）; /* ListDisplay class. */ //通过接口实现工厂，这是通过List方式显示RSS var ListDisplay = function（id, parent） { // implement...

JQuery 表格操作（交替显示、拖动表格行、选择行等）

2017年02月06日 30 阅读

JQuery 确实很方便，简单的代码，却能实现一些不错的功能。 复制代码 代码如下:<script type="text/javascript"><！-- $（function（）{ //交替显示行 $（"#alternation"）.click（function（）{ $（"tbody > tr:odd", $（"#example"））.toggleClass（"alternation"）; }）; //三色交替显示行 $（"#a...

javascript CSS画图之基础篇

2017年02月06日 30 阅读

一、图显示的样式，即图形的颜色、透明度等；二、算法，即图形的样子，是简单的线、矩形、圆形、扇形、多边形等，javascript和CSS无疑是最佳搭档，所有的矢量图形最基本的元素是1*1px的点，点可以成线、成面，成任意图形。一切矢量图的根本____1*1px的点 如果对CSS有一定的了解，对 clip:rect（top,right,bottom,left）熟悉的话，可以知道，代码剪辑出一个区域，需要注意的是，clip:rect中的四个边的位置是相对于对象的...

JavaScript 获取事件对象的注意点

2017年02月06日 28 阅读

平时我们获取事件对象一般写法如下： 复制代码 代码如下: function getEvent（event） { return event || window.event // IE:window.event } 如果没有参数，也可写成（非IE ：事件对象会自动传递给对应的事件处理函数，且为第一个参数）： 复制代码 代码如下: function getEvent（） { return arguments[0] || window.event // IE:w...

JavaScript Konami Code 实现代码

2017年02月06日 30 阅读

在 Facebook 上有一个彩蛋： 登录 facebook.com ，点击你首页的任何地方，键盘输入 Up, Up, Down, Down, Left, Right, Left, Right, B, A, Enter 后，再点击页面或滚动一下滚动条，你会发现特殊的变化（如下图），嘿嘿 ^^ 玩过“魂斗罗”的朋友，肯定一眼就能看出输入的字符原来就是“魂斗罗”中的“秘技”。其实“秘技”的术语叫 Konami Code，详细见图示：那如何用 JavaScrip...

Google Map API更新实现用户自定义标注坐标

2017年02月06日 29 阅读

演示地址：http://www.yaohaixiao.com/effects/google-map.html复制代码 代码如下:if（typeof GoogleMap === "undefined"）{ var GoogleMap = {}; } （function（）{ if （！document.getElementById（"fgmap"）） { return false; } else { // 是否可创建Google地图控件 var isComp...

JavaScript this 深入理解

2017年02月06日 27 阅读

最近一段时间看了很多JavaScript 的库源码， 如 prototype, Ext core 等。这些库中大量应用到了这一概念。直到昨天翻了一下《JavaScript王者归来》这本书才算对this有一个深刻的理解。 大至归结一下： 1. 函数调用者与所有者 JavaScript 中函数（function） 存在调用者 与 所有者这两个概念，调用者是指调用函数的对象，通常是一个指向调用了当前函数的函数的引用，如果是顶层调用，那么caller=null， ...

javascript EXCEL 操作类代码

2017年02月06日 29 阅读

复制代码 代码如下:ExcelOperation = function（）{ this.oXL = null; this.oWB = null; this.oSheet = null; this.xlsRowCount = 0; //总记录数 this.excelFileName = null; this.currentRow = 2; //当前行 /** * 得到EXCEL表格中的总记录数 */ this.getRowCount = function（）...

window.parent调用父框架时 ie跟火狐不兼容问题

2017年02月06日 29 阅读

原始代码：（在ie中正常，火狐中根本不运行window.parent这一步） 复制代码 代码如下: <script> function oa_tool1（）{ window.parent.mm.rows="20,200,10,*"; } </script> 修改代码：（在ie和火狐当中均正常） 复制代码 代码如下: <script> function oa_tool1（）{ window.parent.document...

关于取不到由location.href提交而来的上级页面地址的解决办法

2017年02月06日 28 阅读

代码如下： 复制代码 代码如下: <script type="text/javascript"> <！-- function gotourl（id）{ if（confirm（"您确定要这么做吗？"））{ lnk = document.getElementById（id）; lnk.click（）; } } // --> </script> 复制代码 代码如下: <a href="javascript:gotour...

JS input 数字验证代码

2017年02月06日 26 阅读

/* **@控制控件只能输入数字,含-（负号）.（小数点） **@Inline HTML: <ELEMENT ... onkeypress="javascript:onlyNumber（）" style="ime-mode:disabled"> For Input **@Event property: object.attachEvent（"onkeypress",onlyNumber）;object.style.imeMode = "disa...

javascript 进度条 实现代码

2017年02月06日 29 阅读

首先：建立两个类，一个是用来与资料进行连接（数据层），另一个是用来关联前一个类与页面的（逻辑层） 新建一个JScsrip.js 文件 代码如下： 复制代码 代码如下: function setPgb（pgbID, pgbValue,pvalues） { if （ pgbValue <= pvalues ） { if （lblObj = document.getElementById（pgbID+"_label"）） { lblObj.innerHTM...

Javascript this指针

2017年02月06日 30 阅读

前言Javascript是一门基于对象的动态语言，也就是说，所有东西都是对象，一个很典型的例子就是函数也被视为普通的对象。Javascript 可以通过一定的设计模式来实现面向对象的编程，其中this “指针”就是实现面向对象的一个很重要的特性。但是this也是Javascript中一个非常容易理解错，进而用错的特性。特别是对于接触静态语言比较久了的同志来说更是如此。示例说明我们先来看一个最简单的示例：<script type="text/javas...

jquery imgareaselect 使用利用js与程序结合实现图片剪切

2017年02月06日 31 阅读

复制代码 代码如下: /* 缺陷，当前在ff3下，用jquery的 width（）与height（）函数，在不设置图片的宽度与高度的时候，不能取到 需要在图片load函数里面初始化才可以 */ sanshi_imgareaselect = function（pic_id,view_div_id）{ this.pic_obj = jQuery（"#"+pic_id）; this.pic_width; this.pic_height; this.view_di...

javascript 写的一个简单的timer

2017年02月06日 29 阅读

先看看效果吧。代码很简单，只是使用了javascript的setTimeout（）函数。用到的html"复制代码 代码如下:<table> <td bgcolor="EE8F8F" height="45"> <img src="dg8.gif" src="dg8.gif" name="hr1"><img src="dg8.gif" name="hr2"><img src="dgc.gif" name="...

javascript 处理HTML元素必须避免使用的一种方法

2017年02月06日 29 阅读

我们可能往往会去排查问题的缘由，其实，在排查掉冗余的循环和精简了控件数量后，我们发现性能还是不乐观，于是继续排查，一个偶然的修改，却大大改善了效率，就是类似如下的修改： 修改前： 复制代码 代码如下: objDiv.innerHTML += ‘<img id=”picture” src=”back.gif”>"; 修改后： 复制代码 代码如下: var imga = document.createElement（"img"）; imga.se...

网页全屏显示代码说明分析

2017年02月06日 29 阅读

最常见的是使用window.open的方法,直接打开全屏网页: [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 另外，如果想让已经打开的网页全屏，有以下两种方法： 1.使用ActiveX test function Fkey（）{ var WsShell = new ActiveXObject（"WScript.Shell"） WsShell.SendKeys（"{F11}"）; } to full [C...

JS 学习笔记 防止发生命名冲突

2017年02月06日 28 阅读

为了防止发生命名冲突，可以建立自己的代码库。 就想 Js代码 复制代码 代码如下: ziggy_js=function（）{} ziggy_js.ui=function（）{} ziggy_js.ui.alerts=function（）{} ziggy_js.ui.alerts.showErrorAlert=function（）{ alert（"An error occurred"）; } ziggy_js.ui.alerts.showErrorAlert...

Javascript 学习笔记 错误处理

2017年02月06日 29 阅读

Java代码 复制代码 代码如下: <html> <head> <title>javascript</title> <script type="text/javascript"> function test（inVal）{ try{ inVal=inVal.toUpperCase（）; }catch（error）{ alert（"An exception has occurred.Error wa...