js判断样式className同时增加class或删除class
[ 2014-08-26 10:16:24 | 作者: admin ]
function MyClass () {}
MyClass.hasClassName = function(element, className)
{
if (!element) return;
var elementClassName = element.className;
if (elementClassName.length == 0) return false;
//用正则表达式判断多个class之间是否存在真正的class（前后空格的处理）
if (elementClassName == className || elementClassName.match(new RegExp("(^|\s)" + className + "(\s|$)")))
return true;
return false;
};
MyClass.addClassName
...MyClass.hasClassName = function(element, className)
{
if (!element) return;
var elementClassName = element.className;
if (elementClassName.length == 0) return false;
//用正则表达式判断多个class之间是否存在真正的class（前后空格的处理）
if (elementClassName == className || elementClassName.match(new RegExp("(^|\s)" + className + "(\s|$)")))
return true;
return false;
};
MyClass.addClassName
阅读全文…
在Web应用程序特别是Web2.0程序开发中，经常要获取页面中某个元素，然后更新该元素的样式、内容等。如何获取要更新的元素，是首先要解决的问题。令人欣慰的是，使用JavaScript获取节点的方法有很多种，这里简单做一下总结（以下方法在IE7和Firefox2.0.0.11测试通过）：
1. 通过顶层document节点获取：
（1） document.getElementById(elementId)：该方法通过节点的ID，可以准确获得需要的元素，是比较简单快捷的方法。如果页面上含有多个相同id的节点，那么只返回第一个节点。
如今，已经出现了如prototype、Mootools等多个JavaScript库，它们提供了更简便的方法：$(id)，参数仍然是节点的id。这个方法可以看作是document.getElementB...
阅读全文…
1. 通过顶层document节点获取：
（1） document.getElementById(elementId)：该方法通过节点的ID，可以准确获得需要的元素，是比较简单快捷的方法。如果页面上含有多个相同id的节点，那么只返回第一个节点。
如今，已经出现了如prototype、Mootools等多个JavaScript库，它们提供了更简便的方法：$(id)，参数仍然是节点的id。这个方法可以看作是document.getElementB...
阅读全文…
UL LI 布局中左侧的多余空格的问题
[ 2014-06-11 10:42:19 | 作者: admin ]
发现在CSS UL 中加上
display: inline;<!--注意此处的应用-->
左侧空格消失！
补充说明：
更好的方法是：在CSS UL中设定 padding:0px; margin:0px，就可以轻松搞定。
display: inline;<!--注意此处的应用-->
左侧空格消失！
补充说明：
更好的方法是：在CSS UL中设定 padding:0px; margin:0px，就可以轻松搞定。
动态加载script文件 专题
[ 2014-05-26 14:51:37 | 作者: admin ]
动态加载script到页面大约有俩方法
第一种就是利用ajax方式，把script文件代码从后台加载到前台，然后对加载到的内容通过eval()执行代码。第二种是，动态创建一个script标签，设置其src属性，通过把script标签插入到页面head来加载js，相当于在head中写了一个<script src="..."></script>,只不过这个script标签是用js动态创建的
比如说是我们要动态地加载一个callbakc.js，我们就需要这样一个script标签：
<script type="text/javascript" src="call.js"></script>
如下代码就是如何通过js来创建这个标签（并且加到head中）：
var head= document.getElementsByTagName('head')[0];
var script= ...
阅读全文…
第一种就是利用ajax方式，把script文件代码从后台加载到前台，然后对加载到的内容通过eval()执行代码。第二种是，动态创建一个script标签，设置其src属性，通过把script标签插入到页面head来加载js，相当于在head中写了一个<script src="..."></script>,只不过这个script标签是用js动态创建的
比如说是我们要动态地加载一个callbakc.js，我们就需要这样一个script标签：
<script type="text/javascript" src="call.js"></script>
如下代码就是如何通过js来创建这个标签（并且加到head中）：
var head= document.getElementsByTagName('head')[0];
var script= ...
阅读全文…
动态调用js，动态指定src
[ 2014-05-26 14:30:55 | 作者: admin ]
js中的document.write会忽略掉，所以尽量使用如下的方式：
1、先定义好处理函数 window.baidu.sug=function(data){alert(data.s)}
2、然后在传递过来的内容中定义一个函数的调用 window.baidu.sug(...)
说明：对于动态创建的js 引用而言 ，针对不同的浏览器有不同的反应
如果调用 load_script("jquery.js") 对 FF Opera 而言 load 方法是阻塞的 故alert($)能输出，而对IE Chrome Safria 而言 是非阻塞的 所以就会报错
而document.write的方式，对所有浏览器而言都是阻塞的 即同步的 所以alert($)会输出正确结果
阅读全文…
1、先定义好处理函数 window.baidu.sug=function(data){alert(data.s)}
2、然后在传递过来的内容中定义一个函数的调用 window.baidu.sug(...)
说明：对于动态创建的js 引用而言 ，针对不同的浏览器有不同的反应
如果调用 load_script("jquery.js") 对 FF Opera 而言 load 方法是阻塞的 故alert($)能输出，而对IE Chrome Safria 而言 是非阻塞的 所以就会报错
而document.write的方式，对所有浏览器而言都是阻塞的 即同步的 所以alert($)会输出正确结果
<script>
...阅读全文…
innHTML后执行其内的js
[ 2014-05-26 10:25:33 | 作者: admin ]
晚上看人人网，ajax里返回html内有script，源码中貌似用innerHTML的，what?怎么可能。
innerHTML不执行字符串内脚本的。源码中发现：
$('ajaxContainer').innerHTML = r.responseText;
$('ajaxContainer').eval_inner_JS();
eval_inner_JS??啥个东东？应该是把script标记又抽离出来单独创建运行吧。
自己写个，暂时还没完全测试，先放着留个思路：
executjavaScriptString: function (scriptText) {
var element = document.createElement('script');
element.type = 'text/javascript';
...
阅读全文…
innerHTML不执行字符串内脚本的。源码中发现：
$('ajaxContainer').innerHTML = r.responseText;
$('ajaxContainer').eval_inner_JS();
eval_inner_JS??啥个东东？应该是把script标记又抽离出来单独创建运行吧。
自己写个，暂时还没完全测试，先放着留个思路：
executjavaScriptString: function (scriptText) {
var element = document.createElement('script');
element.type = 'text/javascript';
...
阅读全文…
IE6 png 透明 (三种解决方法)
[ 2014-05-23 22:50:19 | 作者: admin ]
FF和IE7已经直接支持透明的png图了,下面这个主要是解决IE6下透明PNG图片有灰底的
=============================================================================
此效果简单，。。。。相当不错 推荐
style="FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/fl.png')"
语法：
filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL )
enabled : 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true : 默认值。滤镜激活。
...
阅读全文…
=============================================================================
此效果简单，。。。。相当不错 推荐
style="FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/fl.png')"
语法：
filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL )
enabled : 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true : 默认值。滤镜激活。
...
阅读全文…
如何定义Weibo Meta Tags
[ 2014-05-22 13:17:05 | 作者: admin ]
什么是微博元标记（Weibo Meta Tags）
微博元标记，即Weibo Meta Tags，对Open graph协议下的常规meta tag 进行支持和兼容，并基于国情对OpenGraph不适用的对象类型或属性进行有限扩展标记。可以和OpenGraph一起使用。
为什么要配置Weibo Meta Tags
传统互联网信息单元往往以Web Page为单位，以URL为线索进行索引和流转。通过定义Weibo Meta Tags，可以穿透Web Page，准确索引互联网上的Object，对互联网上的物体进行格式化管理。拥有格式化的Object数据，就可以为用户提供灵活、扩展性强、易读的内容展示模块。
如何定义对象（Object）类型？赞组件支持哪些对象（Object）类型？
1、定义方式：
<meta property="og:type" content="对象类型" />
...
阅读全文…
微博元标记，即Weibo Meta Tags，对Open graph协议下的常规meta tag 进行支持和兼容，并基于国情对OpenGraph不适用的对象类型或属性进行有限扩展标记。可以和OpenGraph一起使用。
为什么要配置Weibo Meta Tags
传统互联网信息单元往往以Web Page为单位，以URL为线索进行索引和流转。通过定义Weibo Meta Tags，可以穿透Web Page，准确索引互联网上的Object，对互联网上的物体进行格式化管理。拥有格式化的Object数据，就可以为用户提供灵活、扩展性强、易读的内容展示模块。
如何定义对象（Object）类型？赞组件支持哪些对象（Object）类型？
1、定义方式：
<meta property="og:type" content="对象类型" />
...
阅读全文…
