`
yanghaoli
  • 浏览: 292346 次
社区版块
存档分类
最新评论

javascript 实用函数

 
阅读更多
function addBookMark(url, title){
//将网页添加到收藏addBookMark(window.location,document.title) 
    if(document.all){
      window.external.addFavorite(url,title);
    }else if (window.sidebar){
      window.sidebar.addPanel(title,url,'');
    }else{
      alert('添加失败');
    }
}   


function setHomepage(obj,url) {
// setHome(this, window.location) 
    try {   
        obj.style.behavior = 'url(#default#homepage)';   
        obj.setHomePage(url);   
    } catch (e) {   
        if (window.netscape) {   
            try {   
                netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");   
            } catch (e) {   
                alert('此操作被浏览器拒绝!\n请在浏览器地址栏输入"about:config"并回车\n然后将 [signed.applets.codebase_principal_support]的值设置为"true",双击即可。');   
            }   
            var prefs = Components.classes['@mozilla.org/preferences-service;1'].getService(Components.interfaces.nsIPrefBranch);   
            prefs.setCharPref('browser.startup.homepage', vrl);   
        }   
    }   
}   

function boxMove(box){
//可移动的层
    var w = box.scrollWidth,h = box.scrollHeight;
    var iWidth = document.documentElement.clientWidth; 
    var iHeight = document.documentElement.clientHeight;     
    var moveX = 0,moveY = 0,moveTop = 0,moveLeft = 0,moveable = false;
    box.onmousedown = function(e){    
    moveable = true;     
    e = window.event?window.event:e;
    moveX = e.clientX-box.offsetLeft;        
    moveY = e.clientY-box.offsetTop;
    box.style.zIndex++;
    }
    document.onmousemove = function(e){
        if(moveable){
            e = window.event?window.event:e;        
            var x = e.clientX - moveX;
            var y = e.clientY - moveY;
            if ( x > 0 &&( x + w < iWidth) && y > 0 && (y + h < iHeight)){
                box.style.left = x + "px";
                box.style.top = y + "px";
                box.style.margin = "auto";
            }
        }
    }
    document.onmouseup = function (){moveable = false;};
}

function getHtmlRoot(){
/*获得html文档的根元素*/
    if(document.compatMode.toLowerCase()=="css1compat"){
        htmlRoot = document.documentElement;
    }else{
        htmlRoot = document.body;
    }
    return htmlRoot;
}


function showWindow(boxId, closeId, showBg){//弹窗
    htmlRoot = getHtmlRoot();
    box = document.getElementById(boxId);
    boxId = '#' + boxId;
    closeId = '#' + closeId;
    showBox = $(boxId);
    showBox.show();
    z_index = 20;
    moveLeft =  (htmlRoot.clientWidth- box.clientWidth)/2 + htmlRoot.scrollLeft +'px';
    moveTop = (htmlRoot.clientHeight - box.clientHeight)/2 + htmlRoot.scrollTop;+'px';
    showBox.css({position:'absolute', left:moveLeft,zIndex:z_index, top:moveTop});

    boxMove(box);
    
    if(showBg){
        objMask = document.createElement("div");
        objMask.className = "BoxMask";
        htmlRoot.appendChild(objMask);
        objMask.style.cssText += 'position:absolute;top:0; left:0;filter:Alpha(Opacity=50);opacity:0.5;background:#AAA;';
        
        objMask.style.zIndex = z_index -1;
        objMask.style.width =  htmlRoot.clientWidth + 'px';
        objMask.style.height = htmlRoot.scrollHeight + htmlRoot.scrollTop + 'px';
    }
    
    $(closeId).click(function(){
        showBox.hide();
        mybg.style.display = "none";
    });
    $('.closeBtn').click = function(){
        showBox.hide();
        mybg.style.display = "none";    
    };

}

function getFormQuery(formId){
/*生成查询字串*/
    formObj = document.getElementById(formId);
       var i, queryString = "", and = "", itemValue;
       for(i = 0; i<formObj.length; i++ ){
             var item = formObj[i];
              if ( item.name!='' ){
                     if(item.type == 'select-one'){
                         itemValue = item.options[item.selectedIndex].value;
                     }else if ( item.type=='checkbox' || item.type=='radio'){
                         if ( item.checked == false ){ continue; }
                         itemValue = item.value;
                     }else if ( item.type == 'button' || item.type == 'submit' || item.type == 'reset' || item.type == 'image'){
                         continue;
                     }else{
                          itemValue = item.value;
                     }
                   //  itemValue = escape(itemValue);
                     queryString += and + item.name + '=' + itemValue;
                     and="&";
                   //queryString += and + encodeURIComponent(item.name) + '=' +encodeURIComponent( itemValue); 
              }
       }
       return queryString;
}

//定义js错误处理函数
onerror = errHandle;
function errHandle(msg,url,line){
    var txt=""
    txt = "本页中有错误!\n\n"
    txt += "错误: "+ msg +"\n"
    txt += "地址: " + url + "\n"
    txt += "行数: " + line + "\n\n"
    alert(txt);
    return false;
}


function setAutoWidth(id,width,size){
//最小或最大宽度
    var obj = document.getElementById(id);
    if(size=='max'){
        obj.style.width = (obj.clientWidth > width) ? width + "px" : "auto";
    }else{
        obj.style.width = (obj.clientWidth < width) ? width + "px" : "auto";
    }
}

function fontScroll(id){
/*向左滚动的文字 */
    var obj = document.getElementById(id);
    var text = obj.innerHTML;
    var first = text.charAt(0);
    var left = text.substring(1, text.length);
    obj.inerHTML = left + first;
    //这个写函数之外 setInterval('fontScroll(id)', 500);
}

function bubbleSort(arr){
/*冒泡排序法*/
var sign = false // 初始化换位标记为假
for(var i=0; i < arr.length-1; i++){
    for(varj=0; j < arr.length-1-i; j++){
        if(arr[j]> arr[j+1]){
            vartemp = arr[j]
            arr[j]= arr[j+1]
            arr[j+1]= temp
            sign= true // 若当前这一圈比较中,有过换位,则置换位标记为真
        }
    }
    if(sign)// 判断当前这一圈有过换位否…
       sign= false // 有过换位,则重置换位标记为假
    else
       break// 没有,则终止
    }
return arr;
}

function getCoordinate(evt){
/*获得光标的坐标*/
    var x = evt.clientX;
    var y = evt.clientY;
    document.getElementById('show').innerHTML = x +' &' + y;
}



function checkEmail(email){
/*检测多个以分号(;)分隔的Email格式*/
if(email != null){
    if(email.indexOf(";",0) == -1){ //indexOf(被查找,起始位)返某个字符串在源字符串中首次出现的位置,失败返回-1
        if(!isEmail(email)){
            alert("单个邮件格式有误,请重输!");
            document.getElementById("email").focus();
            return false;
        }
    }else{
        var emailArr = email.split(";");//split(分隔段,数组总长度)字符串分割成字符串数组
        var i, iMax = emailArr.length;
        for(i = 0; i < iMax; i++){
            if(emailArr[i] != null || emailArr != ""){
                if(!isEmail(emailArr[i])){
                    alert("多个邮箱格式中有邮箱格式不正确,请重新核对后再输入!");    
                    document.getElementById("email").focus();
                    return false;
                }
            }
        }
    }    
}
function isEmail(str){
   var reg = /^(\w)+(\.\w+)*@(\w)+((\.\w+)+)$/;
   return reg.test(str);//test(被测字串)检测一个字符串是否匹配某个模式.
}
}

 

分享到:
评论

相关推荐

    解析javascript 实用函数的使用详解

    在探讨JavaScript实用函数的使用时,我们通常会关注那些可以增强网页交互性和功能性的内置方法或自定义方法。接下来,我会详细解析给定文件中的几个关键JavaScript函数,这些函数在网页开发中非常实用。 首先是`add...

    JavaScript实用小函数(一)

    这篇博客"JavaScript实用小函数(一)"可能涵盖了JavaScript基础以及一些实用技巧,虽然具体细节未在描述中给出,但我们可以根据常见的话题进行深入探讨。本文将主要围绕JavaScript中的函数、面向对象编程以及多态性来...

    javaScript_cb:各种 javascript 实用函数

    总的来说,"javaScript_cb"项目提供了丰富的JavaScript实用函数,涵盖了语言基础、DOM操作、事件处理、异步编程等多个方面,是学习和提升JavaScript技能的好资源。如果你深入研究并理解这些函数,你将能够更有效地...

    usuallyjs一个面向现代Web开发的JavaScript实用函数库

    usuallyjs 基于 ES6 开发,抛弃了传统 Web 开发中 DOM 和 BOM 操作部分的内容,精选了一系列 Web 开发过程中最常用的、最实用的 JavaScript 函数。与 Vue、React、Angular等现代 Web 框架搭配使用,更好的服务于开发...

    JavaScript实用小函数(三)

    通过这篇博客(博文链接:https://wangchao-0625.iteye.com/blog/338673),我们可以学习到更多关于JavaScript实用函数的技巧。 首先,我们注意到标签中有"源码"和"工具",这暗示我们将要讨论的可能是用于处理日期...

    JavaScript实用小函数(四)

    由于没有直接提供博文内容,我们可以根据常见的JavaScript实用函数进行深入探讨。 1. **数组操作** - `map()`: 用于遍历数组中的每个元素,并返回一个新数组,新数组中的元素是原数组元素经过处理后的结果。 - `...

    javascript实现根据函数名称字符串动态执行函数的方法示例

    在JavaScript编程中,有时会遇到需要根据函数名的字符串形式来动态执行对应函数的场景。这类技术能够提供一种灵活的方式来执行代码,尤其在进行插件化开发、事件驱动编程或实现钩子函数时非常有用。为了实现这一功能...

    JavaScript_实用函数式Javascript.zip

    在"JavaScript_实用函数式Javascript.zip"这个压缩包中,我们可能会深入探讨JavaScript中的一个特定领域——函数式编程。 函数式编程是编程范式之一,它强调程序的数据流和变换,而不是对状态和控制流的操作。在...

    javascript常用函数 javascript 常用库

    在JavaScript中,函数是代码的可重用部分,它们可以接受参数并返回值,是实现程序模块化的重要手段。在JavaScript的常用库中,我们可以找到许多方便的公共方法,这些方法极大地提高了开发效率。 一、JavaScript常用...

    javascript常用判断函数

    这些判断函数在实际开发中非常实用,例如,验证用户输入、格式化数据或处理字符串时,它们可以确保数据的正确性和一致性。此外,JavaScript还有其他很多内置的判断函数,如`isNaN`、`typeof`等,它们分别用于检测一...

    JavaScript绘图函数大全

    JavaScript绘图函数大全,非常实用

    javascript绘图函数库

    总之,“javascript绘图函数库”是一个非常实用的开发资源,它将复杂的图形绘制过程抽象化,使开发者能更专注于应用程序的逻辑和用户体验,而不是底层的绘图细节。通过深入理解和熟练运用“wz_jsgraphics.js”中的...

    实用函数式Javascript.zip

    而“实用函数式JavaScript”这个主题则聚焦于如何利用函数式编程的概念和技巧来提升JavaScript的编程效率和代码质量。函数式编程是一种编程范式,强调使用函数作为一等公民,避免可变状态和副作用,从而提高代码的...

    javascript函数库查询手册

    此外,还有许多其他功能各异的库,如AngularJS(Google的MVC框架)、Vue.js(轻量级且易上手的MVVM框架)、Lodash(提供实用工具函数)和Underscore.js(与Lodash类似,提供了丰富的函数集合)。这些库都有其独特的...

    各种js验证 实用javascript函数

    通过学习和应用这些实用函数,开发者可以更高效地构建功能丰富的交互式网页应用。记住,尽管JavaScript提供了强大的客户端验证能力,但为了安全起见,服务器端验证仍然是必不可少的,因为用户可能会禁用JavaScript...

    几个常用javascript函数

    本篇文章将深入探讨几个常用的JavaScript函数,这些函数在实际开发中非常常见且实用。 1. `console.log()` 这是开发者调试代码时最常用的函数之一。它用于在浏览器的控制台输出信息,帮助开发者查看程序执行过程中...

    实用函数式编程:JavaScript中的平衡FP

    本书《Functional-Light JavaScript》由Kyle Simpson撰写,旨在向读者介绍一种平衡且实用的函数式编程(FP)方法,特别针对JavaScript环境。作者首先探讨了函数式编程的必要性,强调了函数式编程在增强代码信心、...

    javascript函数式编程 underscore.js

    Underscore.js是一个轻量级的JavaScript实用库,它为开发者提供了大量函数式编程工具,使得在JavaScript中实践函数式编程变得更加容易。 在JavaScript中,函数式编程的核心概念包括: 1. **纯函数**:一个纯函数在...

Global site tag (gtag.js) - Google Analytics