
2008年10月9日
1、取得对象的坐标
function getElementPos(elementId) {
var ua = navigator.userAgent.toLowerCase();
var isOpera = (ua.indexOf('opera') != -1);
var isIE = (ua.indexOf('msie') != -1 && !isOpera);
var el = document.getElementById(elementId);
if(el.parentNode === null || el.style.display == 'none')
{
return false;
}
var parent = null;
var pos = [];
var box;
if(el.getBoundingClientRect)
{
box = el.getBoundingClientRect();
var scrollTop = Math.max(document.documentElement.scrollTop, document.body.scrollTop);
var scrollLeft = Math.max(document.documentElement.scrollLeft, document.body.scrollLeft);
return {x:box.left + scrollLeft, y:box.top + scrollTop};
}
else if(document.getBoxObjectFor)
{
box = document.getBoxObjectFor(el);
var borderLeft = (el.style.borderLeftWidth)?parseInt(el.style.borderLeftWidth):0;
var borderTop = (el.style.borderTopWidth)?parseInt(el.style.borderTopWidth):0;
pos = [box.x - borderLeft, box.y - borderTop];
}
else
{
pos = [el.offsetLeft, el.offsetTop];
parent = el.offsetParent;
if (parent != el) {
while (parent) {
pos[0] += parent.offsetLeft;
pos[1] += parent.offsetTop;
parent = parent.offsetParent;
}
}
if (ua.indexOf('opera') != -1|| ( ua.indexOf('safari') != -1 && el.style.position == 'absolute' ))
{
pos[0] -= document.body.offsetLeft;
pos[1] -= document.body.offsetTop;
}
}
if (el.parentNode) {
parent = el.parentNode;
}else {
parent = null;
}
while (parent && parent.tagName != 'BODY' && parent.tagName != 'HTML')
{
pos[0] -= parent.scrollLeft;
pos[1] -= parent.scrollTop;
if (parent.parentNode) {
parent = parent.parentNode;
}else { parent = null; }
}
return {x:pos[0], y:pos[1]};
};
2、取得页面编码
function getCode() {
var metas = document.getElementsByTagName("meta");
var strMeta = new String();
var strTemp;
for (var i = 0; i < metas.length; i++) {
strTemp = metas[i].name + "=" + metas[i].content + " ";
strMeta = strMeta.concat(strTemp);
}
strMeta = strMeta.toLowerCase();
if (parseInt(strMeta.indexOf("utf-8")) != -1){
return "utf-8";
}
return "gb2312";
};

posted @ 2008-10-09 17:25 十分之七 阅读(56) 评论(0)
编辑
方法一:利用正则替换

Code
<html>
<head>
<title>Test Page</title>
<script type="text/javascript">
<!--
function highLight(ele,keys)
{
var reg = new RegExp("(" + keys.replace(/,/,"|") + ")","g");
ele.innerHTML = ele.innerHTML.replace(reg,"<font color=\"red\">$1</font>");
}
window.onload = function()
{
highLight(document.getElementsByTagName("p")[0],"li,jin");
}
//-->
</script>
</head>
<body>
<p>liujinzhong liujinzhong liuzhong</p>
</body>
</html>
方法二:利用文本替换,目前一些类似点睛的那种文字富媒体广告的实现都是基于该方法

Code
ArchorTag1 = "<A id=\"vad_" + n + "\" name=\""+n+"\" title=\"" + adtitle + "\" class=\"vLink1\" ";
ArchorTag2 = " href=\"" + click_url + "\" target=\"_blank\" onmouseover=\"this.style.borderBottom='2px "+link_color+" solid';
var fxEvent=arguments[0];kwmouseover(this,"+n+",fxEvent);\" onmouseout=\"this.style.borderBottom='1px "+link_color+" dotted';kwmouseout(this,"+n+")\" >" + keywords + "</A>";
if (notIE) {
var textRange = document.body.createTextRange();
while (textRange.findText(keywords)) {
var parentNode = textRange.parentElement();
kwAnchor = ArchorTag1 + " style=\"font-size:1em;border-bottom: 1px "+link_color+" dotted;text-decoration: underline;cursor: hand;color:"+link_color+";\"" + ArchorTag2;
if (filterNode(parentNode) && inAdRange(parentNode)) {
if(kwcount>max_pwn)
break;
kwcount++;
textRange.pasteHTML(kwAnchor);
break;
}
textRange.collapse(false);
}
}
else {
Accept_Node = function (node) {
if (node.tagName == "IMG" || node.tagName == "A" || node.tagName == "FORM" || node.tagName == "OBJECT" || node.tagName == "SCRIPT") {
return NodeFilter.FILTER_REJECT;
} else {
return NodeFilter.FILTER_ACCEPT;
}
};
var TreeWalker = document.createTreeWalker(ad_area, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_TEXT, Accept_Node, false);
var vNodes = new Array();
var range = document.createRange();
while (cNode = TreeWalker.nextNode()) {
if (cNode.nodeValue != null) {
vNodes[vNodes.length] = cNode;
}
}
for (var i = 0; i < vNodes.length; i++) {
var key = vNodes[i].nodeValue;
var pos = key.indexOf(keywords);
if (pos != -1) {
range.selectNode(vNodes[i]);
range.setStart(vNodes[i], pos);
range.setEnd(vNodes[i], range.startOffset + keywords.length);
range.deleteContents();
var nNode = document.createElement("span");
ArchorTag = ArchorTag1 + " style=\"font-size:1em;\"" + ArchorTag2;
nNode.innerHTML = ArchorTag;
range.insertNode(nNode);
break;
}
}
}
posted @ 2008-10-09 17:14 十分之七 阅读(212) 评论(0)
编辑