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

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://    //安卓

JavaScript常用技术总结!~~的更多相关文章

  1. javascript常用代码大全

    http://caibaojian.com/288.html    原文链接 jquery选中radio //如果之前有选中的,则把选中radio取消掉 $("#tj_cat .pro_ca ...

  2. Javascript 常用函数【3】

    jquery选中radio //如果之前有选中的,则把选中radio取消掉 $("#tj_cat .pro_category").each(function() { if ($(t ...

  3. 【javascript】javascript常用函数大全

    javascript函数一共可分为五类:   •常规函数   •数组函数   •日期函数   •数学函数   •字符串函数   1.常规函数   javascript常规函数包括以下9个函数:   ( ...

  4. Javascript常用的设计模式详解

    Javascript常用的设计模式详解 阅读目录 一:理解工厂模式 二:理解单体模式 三:理解模块模式 四:理解代理模式 五:理解职责链模式 六:命令模式的理解: 七:模板方法模式 八:理解javas ...

  5. 必知干货:Web前端应用十种常用技术你全都知道吗?

    Web前端应用十种常用技术,随着JS与XHTML的应用普及,越来越多的web界面应用技术出现在网站上,比如我们常见的日历控件,搜索下拉框等,这些web界面应用技术大大的丰富了网站的表现形式,本文将为您 ...

  6. 原生JavaScript常用本地浏览器存储方法一(方法类型)

    有时需要将网页中的一些数据保存在浏览器端.好处就是当下次访问页面时,直接就可以从本地读取数据,不需要再次向服务器请求数据.目前常用的有以下几种方法: 1.cookie cookie会随着每次HTTP请 ...

  7. 7 种 Javascript 常用设计模式学习笔记

    7 种 Javascript 常用设计模式学习笔记 由于 JS 或者前端的场景限制,并不是 23 种设计模式都常用. 有的是没有使用场景,有的模式使用场景非常少,所以只是列举 7 个常见的模式 本文的 ...

  8. JavaScript 常用功能总结

    小编吐血整理加上翻译,太辛苦了~求赞! 本文主要总结了JavaScript 常用功能总结,如一些常用的JS 对象,基本数据结构,功能函数等,还有一些常用的设计模式. 目录: 众所周知,JavaScri ...

  9. select元素javascript常用操作 转

    /*------------------------------------------------------ *作者:xieyu @ 2007-08-14 *语言:JavaScript *说明:s ...

随机推荐

  1. 原生js与jquery操作iframe

    1  原生js获取iframe的window对象 //方法1 document.getElementById('iframeId').contentWindow; //方法2 window.frame ...

  2. localhost与127.0.0.1的区别

    localhost与127.0.0.1的区别是什么 定义 localhost也叫local ,正确的解释是:本地服务 127.0.0.1在windows等系统的正确解释是:本机地址(本机服务器) 不同 ...

  3. CentOS使用yum源中自带的rpm包安装LAMP环境

    CentOS使用yum源中自带的rpm包安装LAMP环境.这是Linux下安装LAMP的环境一种最基本最简便的方式.新手可以从容安装使用. 1. 安装基础包(可选安装)yum install -y w ...

  4. 架构实例之Demo_JSP

    架构实例之Demo_JSP 1.开发工具和开发环境       开发工具: MyEclipse10,JDK1.6.0_13(32位),Tomcat7.0(32位),mysql5.7.13 开发环境:W ...

  5. 从人类社会的角度看OO(独家视角)

    引言 在OO的工作中,我们一定会涉及到类,抽象类和接口.那么类和抽象类以及接口到底扮演的什么角色? 本文主要是从人类社会的角度阐述类与抽象类以及接口的"社会"关系,从而让我们抛弃书 ...

  6. MySQL命令行下执行.sql脚本详解

    本文主要介绍一个在MySQL命令行下执行脚本文件的例子,通过这个例子让我们来了解一下在命令行下MySQL是怎样执行脚本的吧.现在我们开始介绍这一过程. 1.首先编写sql脚本,保存为的:book.sq ...

  7. 关于C语言的问卷调查

    你对自己的未来有什么规划?做了哪些准备? 答:游戏开发,参与一些游戏的测试,通过自身的游戏体验和其他人的游戏体验来总结什么样的游戏会让人眼前一亮,爱不释手. 你认为什么是学习?学习有什么用?现在学习动 ...

  8. Socket

    Socket又称"套接字",应用程序通常通过"套接字"向网络发出请求或者应答网络请求. 以J2SDK-1.3为例,Socket和ServerSocket类库位于 ...

  9. ThreadLocal()理解

    在JDK 1.2的版本中就提供java.lang.ThreadLocal,ThreadLocal为解决多线程程序的并发问题提供了一种新的思路.使用这个工具类可以很简洁地编写出优美的多线程程序. 当使用 ...

  10. [No000070]Flash与C#通信

    注册控件 首先要插入Flash就必须使用Flash控件,在工具栏右键选择"选择项…",然后在"COM组件"面板下点击"浏览"按钮,在本机电脑 ...