归档: Page 9
jquery插件之放大器效果
jquery插件之放大器效果，项目里可能会用的的效果，网上找的，收藏一下。
下面是演示地址：
http://jqueryajax.com/demo/jqzoom.html
CSS 浮动固定层 兼容IE和FF
大家都知道FF下用CSS的position:fixed就可以固定一个层的位置，但是在IE下不管用。
今天给大家介绍一个JQ插件可以解决这个问题，达到和position:fixed一样的效果，兼容各种主流浏览器。非常好用^_^
以下为演示地址：
http://jqueryajax.com/demo/jqueryajax.htm
JS常用代码大全
JS常用代码大全
# 事件源对象
event.srcElement.tagName
event.srcElement.type
# 捕获释放
event.srcElement.setCapture();
event.srcElement.releaseCapture();
# 事件按键
event.keyCode
event.shiftKey
event.altKey
event.ctrlKey
# 事件返回值
event.returnValue
javascript 判断JS文件是否加载完成
在“按需加载”的需求中，我们经常会判断当脚本加载完成时，返回一个回调函数，那如何去判断脚本的加载完成呢？
我们可以对加载的 JS 对象使用 onload 来判断（js.onload），此方法 Firefox2、Firefox3、Safari3.1+、Opera9.6+ 浏览器都能很好的支持，但 IE6、IE7 却不支持。曲线救国 —— IE6、IE7 我们可以使用 js.onreadystatechange 来跟踪每个状态变化的情况（一般为 loading 、loaded、interactive、complete），当返回状态为 loaded 或 complete 时，则表示加载完成，返回回调函数。
对于 readyState 状态需要一个补充说明：
在 interactive 状态下，用户可以参与互动。
Opera 其实也支持 js.onreadystatechange，但他的状态和 IE 的有很大差别。
具体实现代码如下：
javascript 页面任意地方点击显示当前点击目标TAG
javascript 页面任意地方点击显示当前点击目标TAG
1 2 3 4 5 | document.onclick=function(e){ var e= e||event; var o=e["target"]||e["srcElement"]; alert(o.tagName.toLowerCase()); |
javascript 异步加载URL
javascript 异步加载URL
1 2 3 4 5 6 7 8 9 10 11 12 | function getJsFile(url, callBack){ var XH = window.XMLHttpRequest ? new XMLHttpRequest : new ActiveXObject('Msxml2.XMLHTTP'); XH.open('get',url,true); XH.onreadystatechange = function(){ if(XH.readyState == 4 && XH.status == 200){ if(window.execScript) window.execScript(XH.responseText); else eval.call(window, XH.responseText); eval(callBack)(); } } XH.send(''); } |
js获取URL参数
1 2 3 4 5 6 7 8 9 10 | //JS获取URL参数的函数 function GetQueryString(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); //var reg = new RegExp("(.*)\?(.*&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if (r!=null) return unescape(r[2]); return null; } alert(GetQueryString("参数名1")); |
Python内置功能函数详解
Python内置功能函数详解 是一种面向对象、直译式计算机程序设计语言，也是一种功能强大而完善的通用型语言，已经具有十多年的发展历史，成熟且稳定。这种语言具有非常简捷而清晰的语法特…
javascript 之遍历指定DOM
javascript 之遍历指定DOM
ffunction nodeIterate(id,showTag,showid)
{
//id父ID，showTag为显示指定节点,showid显示目标
var oDiv = document.getElementById(id);
var liObj = oDiv.getElementsByTagName(showTag);//取到父ID下的所有指定节点总数
var str =”,innerTextStr=”;
for(i=0;i<liObj.length;i++)
{
//循环得到每个指定节点的tagName和内容
innerTextStr = (liObj[i].innerText)? liObj[i].innerText : liObj[i].textContent;
str += liObj[i].tagName+’ -> ‘+innerTextStr+’<br />’;
}
var output = document.getElementById(showid);
output.innerHTML=str;//打印输出
}
<div id=”list”>
<p>hello <strong>word</strong></p>
<ul>
<li>list 1</li>
<li>list 2</li>
<li>list 3</li>
</ul>
</div>
<div id=”showNode”></div>
<input type=”button” onclick=”nodeIterate(‘list’,'li’,'showNode’)” value=”显示指定节点” />
