‘JavaScript脚本’ 分类的存档

随着越来越多的交互效果，Javascript越来越流行，对前端的要求也越来越高，无论是Dom，Event，Ajax……还是jquery，prototype，mootools，YUI，我们需要更多的学习 发展

没有评论Jquery作者John Resig自己封装的javascript 常用函数

2009年11月27日 
//获取元素的样式值。
function getStyle(elem,name){
if(elem.style[name]){
return elem.style[name];
}else if(elem.currentStyle){
return elem.currentStyle[name];
}else if(document.defaultView&&document.defaultView.getComputedStyle){
name=name.replace(/([A-Z])/g,”-$1″);
name=name.toLowerCase();
var s=document.defaultView.getComputedStyle(elem,”");
return s&&s.getPropertyValue(name);
}else{
return null
}
}

//获取元素相对于这个页面的x和y坐标。
function pageX(elem){
return elem.offsetParent?(elem.offsetLeft+pageX(elem.offsetParent)):elem.offsetLeft;
}
function pageY(elem){
return elem.offsetParent?(elem.offsetTop+pageY(elem.offsetParent)):elem.offsetTop;
}

阅读全文…

分类: JavaScript脚本, 前端开发 标签: ,

1 条评论JavaScript控制flash操作 兼容IE FF

2009年11月26日

Flash INTERACTION WITH JAVASCRIPT
今天开发富媒体广告遇到的问题 用JS控制flash 只在IE平台下有效 费尽周折才找到兼容的解决方案
方法如下：
翻译自：http://www.permadi.com/tutorial/flashjscommand/index.html
查看Demo http://www.iamued.com/demo/flashjs/
重点在于 object的id属性 和 EMBED 的name属性 swliveconnect=”true” 属性

<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/
shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
  WIDTH="150" HEIGHT="75" id="simplemovie" ALIGN="">
  <PARAM NAME=movie VALUE="simplemovie.swf">
  <PARAM NAME=quality VALUE=medium>
  <PARAM NAME=bgcolor VALUE=#FFFFFF>
  <EMBED src="simplemovie.swf"
    quality=medium
    swliveconnect="true"
    bgcolor=#FFFFFF WIDTH="150" HEIGHT="75"
    name="simplemovie"
    ALIGN=""
    TYPE="application/x-shockwave-flash"
    PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">
  </EMBED>
</OBJECT>

通过js获取flash对象的方法兼容表如下
阅读全文…

分类: JavaScript脚本, 前端开发 标签: , ,

没有评论转：让我们一起讨论如何把简单的事做好

2009年11月24日

这次的主题是“网站重构中的文件组织”。在这里整理一下昨天我的观点：

1. CSS文件的规划和组织。首先必须强调不能孤立的看前端开发，要横向的跟网站的视觉设计，交互设计，产品策略，后端架构匹配上。那么，CSS跟网站的视觉设计关系是最紧密的，而一家网站的视觉风格跟用户体验和品牌又是关系最紧密的。所以，CSS的规划和组织终极追求的就是如何有效的控制整站的视觉风格。

阅读全文…

分类: JavaScript脚本, 前端开发, 页面实现 标签: ,

1 条评论offsetLeft and offsetTop gives wrong coords in IE

2009年11月22日

今天遇到的问题：IE6/7返回offsetTop没有计算body的margin

function GetRealOffset(o)
{

        var elem = o;
        var leftOffset = elem.offsetLeft;
        var topOffset = elem.offsetTop;
        var parent = elem.offsetParent;

        while(parent)
        {
             leftOffset += parent.offsetLeft;
             topOffset += parent.offsetTop;
            parent = parent.offsetParent;
        }
        var Offsets = new Object();
        Offsets.top = topOffset;
        Offsets.left = leftOffset;

        return Offsets;
}

转自：http://codingforums.com/showthread.php?t=119794

分类: JavaScript脚本, 前端开发 标签: , , ,

没有评论Javascript正则表达式基础

2009年11月22日

RegExp对象的语义和使用：

  • 检查字符串匹配
  • 获取字符串中的部分内容
  • 在原字符串的基础上构建一个新的字符串（包括添加、删除和修改）

构建一个RegExp对象主要有两种方法：

  • 使用literal，如/\w/g
  • 使用构造函数，如 new RegExp(/\w/)

阅读全文…

分类: JavaScript脚本, 前端开发 标签: ,