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')
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常用技术总结!~~的更多相关文章
- javascript常用代码大全
http://caibaojian.com/288.html 原文链接 jquery选中radio //如果之前有选中的,则把选中radio取消掉 $("#tj_cat .pro_ca ...
- Javascript 常用函数【3】
jquery选中radio //如果之前有选中的,则把选中radio取消掉 $("#tj_cat .pro_category").each(function() { if ($(t ...
- 【javascript】javascript常用函数大全
javascript函数一共可分为五类: •常规函数 •数组函数 •日期函数 •数学函数 •字符串函数 1.常规函数 javascript常规函数包括以下9个函数: ( ...
- Javascript常用的设计模式详解
Javascript常用的设计模式详解 阅读目录 一:理解工厂模式 二:理解单体模式 三:理解模块模式 四:理解代理模式 五:理解职责链模式 六:命令模式的理解: 七:模板方法模式 八:理解javas ...
- 必知干货:Web前端应用十种常用技术你全都知道吗?
Web前端应用十种常用技术,随着JS与XHTML的应用普及,越来越多的web界面应用技术出现在网站上,比如我们常见的日历控件,搜索下拉框等,这些web界面应用技术大大的丰富了网站的表现形式,本文将为您 ...
- 原生JavaScript常用本地浏览器存储方法一(方法类型)
有时需要将网页中的一些数据保存在浏览器端.好处就是当下次访问页面时,直接就可以从本地读取数据,不需要再次向服务器请求数据.目前常用的有以下几种方法: 1.cookie cookie会随着每次HTTP请 ...
- 7 种 Javascript 常用设计模式学习笔记
7 种 Javascript 常用设计模式学习笔记 由于 JS 或者前端的场景限制,并不是 23 种设计模式都常用. 有的是没有使用场景,有的模式使用场景非常少,所以只是列举 7 个常见的模式 本文的 ...
- JavaScript 常用功能总结
小编吐血整理加上翻译,太辛苦了~求赞! 本文主要总结了JavaScript 常用功能总结,如一些常用的JS 对象,基本数据结构,功能函数等,还有一些常用的设计模式. 目录: 众所周知,JavaScri ...
- select元素javascript常用操作 转
/*------------------------------------------------------ *作者:xieyu @ 2007-08-14 *语言:JavaScript *说明:s ...
随机推荐
- 【小白的CFD之旅】05 补充基础
黄师姐是一个很干脆果敢的人,从她的日常装扮就能显露出来.卡帕运动装,白色运动鞋,马尾辫,这是小白对黄师姐的第一印象.“明天早上九点钟来实验室,我给你安排这阵子的任务.”黄师姐对小白说.说话语气和老蓝一 ...
- 摆脱jquery,用自己的JS库实现ajax功能
可以将下面的代码保存在一个文件里如:myAjax.js,以后在项目中如果觉得jquery那一套很重,就完全可以使用自己的ajax库,不用担心性能和兼容性! /** * 创建ajax请求对象 * @re ...
- 深入.NET平台的软件系统分成开发(1/6)
第一章软件系统的分层开发 1.1 分成架构 分成模式定义:将解决方案中功能不同的模块分到不同的项目中实现.每一层中的主键应保持内聚性,每一层都应与他下面的各层保持松耦合. 分层模式是最常见的一种架构模 ...
- 洛谷P1119 灾后重建[Floyd]
题目背景 B地区在地震过后,所有村庄都造成了一定的损毁,而这场地震却没对公路造成什么影响.但是在村庄重建好之前,所有与未重建完成的村庄的公路均无法通车.换句话说,只有连接着两个重建完成的村庄的公路才能 ...
- UVA&&POJ离散概率与数学期望入门练习[4]
POJ3869 Headshot 题意:给出左轮手枪的子弹序列,打了一枪没子弹,要使下一枪也没子弹概率最大应该rotate还是shoot 条件概率,|00|/(|00|+|01|)和|0|/n谁大的问 ...
- Python3的decode()与encode()
python3的decode()与encode() Tags: Python Python3 对于从python2.7过来的人,对python3的感受就是python3对文本以及二进制数据做了比较清晰 ...
-  非法字符 原因 以及解决办法
模板文件生成html文件之后会在body开头处加入一个可见的控制符 // 如果是Windows系统,修改为:$WIN = 1; $WIN = 0; ?> <!DOCTYPE html P ...
- docker创建镜像
手动创建: docker run -d -p mynginx:v2 nginx rpm -ivh http://mirrors.aliyun.com/epel/epel-release-latest- ...
- Swift学习(二):自定义扩展方法(Extensions)
扩展就是向一个已有的类.结构体或枚举类型添加新功能(functionality) 扩展可以 添加计算型属性和计算静态属性 定义实例方法和类型方法 提供新的构造器 定义下标 定义和使用新的嵌套类型 使一 ...
- Swift学习(一):自定义运算符 operator
自定义运算符仅能包含这些字符: / = - + * % < >!& | ^.~ 运算符位置: 前置运算符 prefix 中间运算符 infix 后置运算符 postfix 运算符其 ...