首页vns威尼斯城官网登入 › 高亮功能主要是指对页面中指定区域的指定文字进行高亮显示,// 根据查询的关键字去页面中所有指定的元素中去

高亮功能主要是指对页面中指定区域的指定文字进行高亮显示,// 根据查询的关键字去页面中所有指定的元素中去

query 全文字笔迹核查索关键词高亮显示
// 依照查询的重视字去页面中持有钦定的要素中去
// 查找符合关键字内容的值,并将该值加了COLOTucson的性质以及加粗的性质
//
//id:须要搜索的HTML元素名称
//key:GET上边查询关键字称呼
//color:高亮的颜色
//b:是不是加粗
//--------------------------------------
function differ_text(id,key,color,b)
{
        var text;
        text =location.search.substring(1);
        text = text.replace(/&/ig,",");
        text = text.replace(/=/ig,",");
        text = text.split(",");

        //去掉最后一个#字符
        if (url.lastIndexOf('#') == (url.length - 1))
            url = url.substring(0, url.length - 1);

率先在<head>中引进下边javascript方法:

function showMessage(p_id, p_message) {
 farmatMessage(1, p_id, p_message);
}

JavaScript完成重大字高亮效用,javascript高亮

高亮效率主假如指对页面中钦定区域的钦命文字实行高亮显示,也等于背景着色。一般在探寻结果页面会平时用到那一个成效。

下边就为我们提供一种缓和方案,用javascript达成。

先是在<head>中引进上边javascript方法:

复制代码 代码如下:

<script type="text/javascript">
//<![CDATA[
    //--------begin function fHl(o, flag, rndColor,
url)------------------//
    function fHl(o, flag, rndColor, url){
        /// <summary>
        ///     使用 javascript HTML DOM 高亮显示页面特定字词.
        ///     实例:
        ///         fHl(document.body, '纸伞|她');
        ///         这里的body是指高亮body里面包车型大巴剧情。
        ///         fHl(document.body, '希望|愁怨', false, '/');
        ///         fHl(document.getElementById('at_main'),
'独自|飘过|悠长', true, 'search.asp?keyword=');
        ///        
这里的'at_main'是指高亮id='at_main'的div里面包车型客车内容。search.asp?keyword=指给关键字加的链接地址,
        ///        
小编那边加了三个参数,在后边要用到。能够是私自的地点。       
        /// </summary>
        /// <param name="o" type="Object">
        ///     对象, 要进行高亮呈现的对象.
        /// </param>
        /// <param name="flag" type="String">
        ///     字符串, 要举行高亮的词或几个词, 使用 竖杠(|) 分隔八个词
.
        /// </param>
        /// <param name="rndColor" type="Boolean">
        ///     布尔值, 是还是不是专断呈现文字背景象与文字颜色, true
表示随机呈现.
        /// </param>
        /// <param name="url" type="String">
        ///     UCRUISERI, 是不是对高亮的词增添链接.
        /// </param>                       
        /// <return></return>
        var bgCor=fgCor='';
        if(rndColor){
            bgCor=fRndCor(10, 20);
            fgCor=fRndCor(230, 255);
        } else {
            bgCor='#F0F';
            fgCor='black';
        }
        var re=new RegExp(flag, 'i');
        for(var i=0; i<o.childNodes.length; i++){    
            var o_=o.childNodes[i];
            var o_p=o_.parentNode;
            if(o_.nodeType==1) {
                fHl(o_, flag, rndColor, url);                
             } else if (o_.nodeType==3) {
                if(!(o_p.nodeName=='A')){
                    if(o_.data.search(re)==-1)continue;
                    var temp=fEleA(o_.data, flag);
                    o_p.replaceChild(temp, o_);
                }
            }
        }
        //------------------------------------------------
        function fEleA(text, flag){
            var style='
style="background-color:'+bgCor+';color:'+fgCor+';" '
            var o=document.createElement('span');
            var str='';
            var re=new RegExp('('+flag+')', 'gi');
            if(url){
                str=text.replace(re, '<a href="'+url+
                '$1"'+style+'>$1</a>');
//这里是给关键字加链接,烟灰的$1是指上边链接地址后的切实可行参数。
            } else {
                str=text.replace(re, '<span
'+style+'>$1</span>'); //不加链接时显示
            }
            o.innerHTML=str;
            return o;
        }
        //------------------------------------------------
        function fRndCor(under, over){
            if(arguments.length==1){
                var over=under;
                    under=0;
            }else if(arguments.length==0){
                var under=0;
                var over=255;
            }
            var r=fRandomBy(under, over).toString(16);
                r=padNum(r, r, 2);
            var g=fRandomBy(under, over).toString(16);
                g=padNum(g, g, 2);
            var b=fRandomBy(under, over).toString(16);
                b=padNum(b, b, 2);
                //defaultStatus=r+' '+g+' '+b
            return '#'+r+g+b;
            function fRandomBy(under, over){
                switch(arguments.length){
                    case 1: return parseInt(Math.random()*under+1);
                    case 2: return
parseInt(Math.random()*(over-under+1) + under);
                    default: return 0;
                }
            }
            function padNum(str, num, len){
                var temp=''
                for(var i=0; i<len;temp+=num, i++);
                return temp=(temp+=str).substr(temp.length-len);
            }
        }
    }
    //--------end function fHl(o, flag, rndColor,
url)--------------------//
//]]>
</script>

上边的fHl方法正是用来促成高亮的,参数的意思在讲明中有写。

然后在页面最终调用fHl方法,对点名区域钦命文字高亮着色,举例:

复制代码 代码如下:

<script type="text/javascript">
fHl(document.body, '高亮');   //对页面body的区域中的“高亮”文字背景着色
</script>

怎样,相当粗略吗~

高亮成效首借使指对页面中钦定区域的钦定文字举行高亮呈现,也正是背景着色。一般在查找结...

                var re = eval('/'+text+'/i');
                $(this).html(b.replace(re,text_a));
                });
        }
}

         var arrQueryStringPair = url.split('&');
         if (arrQueryStringPair.length == 0)
          return destUrl;
          
            destUrl += '?';

<script type="text/javascript">
fHl(document.body, '高亮');   //对页面body的区域中的“高亮”文字背景着色
</script>

 

全文字笔迹核算索关键词高亮显示 //
根据查询的要紧字去页面中具备钦定的要素中去 //
查找符合关键字内容的值,并将该值加了COLO奥迪Q3的天性以及...

                if (typeof arguments[0][i] == 'number' && typeof
arguments[1][i] == 'number')
                    allElementsEqual = (arguments[0][i] ==
arguments[1][i]);
                else
                    allElementsEqual =
arguments.callee(arguments[0][i], arguments[1][i]);           
//递归判别指标是或不是等于               
            }
            return allElementsEqual;
        }
       
        //对象
        if (arguments[0] instanceof Object && arguments[1]
instanceof Object)
        {
            var result = true;
            var attributeLengthA = 0, attributeLengthB = 0;
            for (var o in arguments[0])
            {
                //判定五个目的的同名属性是不是一致(数字或字符串)
                if (typeof arguments[0][o] == 'number' || typeof
arguments[0][o] == 'string')
                    result = eval("arguments[0]['" + o + "'] ==
arguments[1]['" + o + "']");
                else {
                   
//假设对象的品质也是目的,则递归判断多少个对象的同名属性
                    //if (!arguments.callee(arguments[0][o],
arguments[1][o]))
                    if (!arguments.callee(eval("arguments[0]['" + o +
"']"), eval("arguments[1]['" + o + "']")))
                    {
                        result = false;
                        return result;
                    }
                }
                ++attributeLengthA;
            }
           
            for (var o in arguments[1]) {
                ++attributeLengthB;
            }
           
            //要是多个指标的属性数据不等,则五个对象也不一样
            if (attributeLengthA != attributeLengthB)
                result = false;
            return result;
        }
        return arguments[0] == arguments[1];

哪些,很轻易吗~

/*
 * 判空。 左右单手验证时会忽略。
 */
function isNull(str){
 if(str != null && str != ''
  && str.Trim()!='') {
  return false;
 }
 return true;
}

        for(i=0;i<text.length;i++)
        {
                if(text == key && text[(i+1)] != undefined)
                {
                        text = decodeURI(text[(i+1)]);
                        text = text.replace(/\/ig,'\');
                        text = text.replace(/'/ig,'\'');
                        text = text.replace(/"/ig,'\"');
                        break;
                }
        }
        if(text == null || text == '' || text == undefined)
        {
                return false;
        }

       
//未选择split方法,因为只要形如backUrl=aH奇骏0cDNweD9zdGF0dXM9Mw==
        //的参数选用split方法无法科学获取到等号前面包车型地铁值
        for (var i = 0; i < arrQueryStringPair.length; ++i) {
            var startIndex = arrQueryStringPair[i].indexOf('=') + 1;
            var sName = arrQueryStringPair[i].substr(0, startIndex -
1);
            var result = arrQueryStringPair[i].substr(startIndex,
arrQueryStringPair[i].length - startIndex);
            if (sName.toLowerCase() == name.toLowerCase()) {
                return result;
            }
        }

然后在页面最后调用fHl方法,对点名区域钦点文字高亮着色,举个例子:

//验证电话
//:/^((0\d{2,3})-)(\d{7,8})(-(\d{3,}))?$/
///^(([0\+]\d{2,3}-)?(0\d{2,3})-)(\d{7,8})(-(\d{3,}))?$/ 
//"兼容格式:
国家代码(2到3位)-区号(2到3位)-电话号码(7到8位)-分机号(3位)"
String.prototype.isTel = function(){
   
    return (/^((0\d{2,3})-)(\d{7,8})?$/.test(this.Trim()));
};

                text_a = b == true ? text_a.bold () :text_a;

$.extend(jQuery.validate, {
 isEmail : function(email) {
     return /^.+@.+\..{2,3}$/g.test(email);
 },
 isInt: function(str) {
     return /^\d+$/img.test(str);
 }
});

地点的fHl方法正是用来实现高亮的,参数的意义在疏解中有写。

function cleanMessage(p_id) {
 //$("#"+ p_id + "_error").html('');
 $("#"+ p_id + "_error").remove();
}

转载本站文章请注明出处:vns威尼斯城官网登入 http://www.tiec-ccpittj.com/?p=1765

上一篇:

下一篇:

相关文章