zoukankan      html  css  js  c++  java
  • JavaScript常用技术总结!~~


    如果当前窗口不是最外层窗口,把最外层窗口链接改成当前窗口

    if (window != top) top.location.href = location.href;
    //value值移入消失
    $(":input").focus(function(){
    if($(this).val()== this.defaultValue){
    $(this).val(''); 
    }
    }).blur(function(){
    if ($(this).val() == '') {
    $(this).val(this.defaultValue);
    }
    })

    判断ie浏览器

    if(navigator.userAgent.indexOf("MSIE")>0){ 
    if(navigator.userAgent.indexOf("MSIE 6.0")>0){ 
    alert("ie6"); 
    } 
    if(navigator.userAgent.indexOf("MSIE 7.0")>0){ 
    alert("ie7"); 
    } 
    if(navigator.userAgent.indexOf("MSIE 9.0")>0 && !window.innerWidth){//这里是重点,你懂的
    alert("ie8"); 
    } 
    if(navigator.userAgent.indexOf("MSIE 9.0")>0){ 
    alert("ie9"); 
    } 
    }

      

    360兼容模式最高版本

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

    判断浏览器/body/分辨率宽高度

    浏览器:winHeight = document.documentElement.clientHeight;
    winWidth = document.documentElement.clientWidth;
    body可见区域:document.body.clientHeight
    分辨率: window.screen.height

    超简洁代码 jQuery goTop(返回顶部)

    $(function() {
    var $goTop = $('goTop');
    
    $(window).scroll(function() {
    if ($(this).scrollTop() != 0) {
    $goTop.fadeIn();
    } else {
    $goTop.fadeOut();
    }
    });
    
    $goTop.click(function() {
    $('body, html').animate({
    scrollTop: 0
    }, 800);
    });
    });

    获取分页列表

    function getList(p) {
    $.ajax({
    url: '*****',
    type: 'default GET (Other values: POST)',
    dataType: 'default: Intelligent Guess (Other values: xml, json, script, or html)',
    data: {param1: 'value1', limit: 10, offset: p*10},
    })
    .done(function(data) {
    ********
    
    $('#page').tPaginator(
    current: p,    // 当前页码
    pageCount: Math.cell(data.total/limit),    // 总页数
    callback: function(page) {
    getList(page);
    }    // 回调函数
    );
    });

    获取单选框被选择的value的值

    $('.audio-box input[name="ys-audio"]:checked').val();

    获取地址栏参数

    function GetQueryString(name) {
            var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
             var r = window.location.search.substr(1).match(reg);
             if(r!=null)return  unescape(r[2]); return null;
        }
    
    var account = getQueryString('account')

      

    H5控制视频播放/暂停
    var video = document.getElementById("Video");
    
    $('#Video').on('play', function () {
    video.play();
    starUser.methods.videoHide();
    }).on('pause', function () {
    video.pause();
    starUser.methods.videoShow();
    });

    Ajax自动转菊花

    buffer : true,

    判断元素是否显示/隐藏

    if($('ele').is(':hidden')) {}  //隐藏
    
    if($('ele').is(':visible')) {}  //显示

    ENTER提交事件

    $(document).keyup(function(event){
      if(event.keyCode ==13){
        $("#submit").trigger("click");
      }
    });

    判断是否是微信打开页面

    function isWeiXin(){
        var ua = window.navigator.userAgent.toLowerCase();
        if(ua.match(/MicroMessenger/i) == 'micromessenger'){
            return true;  //是微信打开
        }else{
            return false;  //不是微信打开
        }
    }

    判断手机是Anfroid还是IOS

    //判断安卓/IOS
    var u = navigator.userAgent;
    var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
    var isiOS = !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端

    获取页面Title

    var docTitle = document.title;

    获取地址栏地址

    var href = window.location.href;

    前端跟APP端对接方法

        function sendProjFn(source,investorBussId) { //自定义方法
            if (window.control) {
                window.control.sendProj(source,investorBussId); //sendProj APP要的方法
            }
        }
    
    sendProjFn(1,2,3) //执行方法

    打开APP应用和安卓应用程序

    window.location.href = "myapp://tronker.com/openwith?    //IOS
    
    window.location.href = "iOSTronkerApp://    //安卓
  • 相关阅读:
    HTTP协议
    OSI层次关系
    Python之web框架
    数据操作,流程控制语句
    Django简介
    函数
    2017java预留作业 1502 程逸飞
    2017java 预留作业2
    python django 项目支付
    如果注册xadmin出现了这个错误
  • 原文地址:https://www.cnblogs.com/htzan/p/5949462.html
Copyright © 2011-2022 走看看