BootStrap中Tab页签切换实例代码 2017年02月06日 9 阅读 关于$().tab()一般用来实现标签页和胶囊链接内容片段的切换,或是相关内容的页面导航:<ul class="nav nav-tabs" id="myTab"> <li class="active"><a href="#home">Home</a></li> <li><a href="#profile">Profile</a></li> <l...
JS检测移动端横竖屏的代码 2017年02月06日 9 阅读 使用media来判断屏幕宽度遇到的问题:ios上当我旋转屏幕的时候可行,但是安卓机上没反应,横屏显示的还是我竖屏的样式。查了一下资料,css3的media如果要在移动端有较好的显示效果,需要在页头加上这段代码<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">可是这段代码我不能用。因为...
使用jQuery判断浏览器滚动条位置的方法 2017年02月06日 9 阅读 项目背景webtouch(webapp)页面,防苹果手机safari浏览器,网上滑动,底部导航消失,滑动到底部又出现。向下滑动,底部导航出现。遇到问题1、我一开始用swipeup和swipedown来做,发现因为有滚动条,不会触发。因此只能判断滚动条是上滚下滚等。关于手机手势,后面的文章会介绍,欢迎关注!2、通过上滚下滚来让底部导航显示或者因此,安卓上面的浏览器都可以,但是苹果safari会一闪一闪,原因是苹果safari自动有个弹跳效果,导致事件重复执行...
jQuery增加和删除表格项目及实现表格项目排序的方法 2017年02月06日 9 阅读 增加和删除行jquery对表格的操作是老生常谈的问题。最近项目中用到了,今天在这里分享一下!效果大体如下:分享一下代码吧!html<div class="table-responsive" id="Bk_table" style="display:none;"><table class="table table-hover table-bordered"><thead><tr><th><di...
移动端jQuery修正Web页面滑动时div问题的两则实例 2017年02月06日 9 阅读 顶部固定时划屏出现闪动头部是一个普通的div,高度是48,头部下面有个固定的banner,手下滑的时候,banner会固定在浏览器最顶部不动。出现的问题是,PC端是好的,手机浏览器向上滑动的时候出现闪动!影响用户体验。解决方法一:之前的做法: if ($(window).scrollTop() < 48) {$(".nav ").css("top", 48 - parseInt($(window).scrollTop())); }else{$(".n...
jQuery中的通配符选择器使用总结 2017年02月06日 10 阅读 jquery选择器中的通配符经常用到,大致的用法总结如下:$("input[id^="code"]");//id属性以code开始的所有input标签$("input[id$="code"]");//id属性以code结束的所有input标签$("input[id*="code"]");//id属性包含code的所有input标签$("input[name^="code"]");//name属性以code开始的所有input标签$("input[name$...
JavaScript中的操作符类型转换示例总结 2017年02月06日 10 阅读 首先,我们先来做一些题目吧!为了统一,我不混着来写这些题目,面试题目中,经常将这些题目混起来,这样对你的迷惑度会更大,为了更方便演示,我在这里分模块写了一些题目,大家可以看下!操作符字符串的隐性转换乘法 console.dir("-------以下乘法---------"); console.dir(5*"5"); console.dir(5*"a"); console.dir(5*NaN); console.dir(5*null); console.di...
详解JavaScript中双等号引起的隐性类型转换 2017年02月06日 9 阅读 引子if语句应该是程序员用的比较多的语句,很多时候都要进行if判断,if语句一般用双等号来判断前后两个元素是否是一致的,假如是一致,那么返回是true,然后执行下面的语句,否则,执行别的语句。本文所说的隐性类型的转换,说的是==引起的转换。举个简单的例子,双等号不是全等号,全等号是“===”三个等号,语句"1"==1,那么一般情况下是前面的字符串”1“转换为数字1,然后进行比较。通过这个例子应该了解了什么是隐性类型的转换了吧!隐性类型转换步骤一、首先看双等...
JavaScript+Java实现HTML页面转为PDF文件保存的方法 2017年02月06日 9 阅读 需求是一个导出pdf的功能,多方奔走终于实现了,走了不少弯路,而且怀疑现在这个方法仍是弯的。有个jsPDF 插件可以在前端直接生成pdf,很简便,但不支持IE。前端:首先引入 html2canvas.jshtml2canvas(document.body, { //截图对象 //此处可配置详细参数 onrendered: function(canvas) { //渲染完成回调canvas canvas.id = "mycanvas";// 生成base64...
通用无限极下拉菜单的实现代码 2017年02月06日 9 阅读 下拉菜单在我开发中经常遇到,但是没个项目都需要从新编写,改起来虽然简单但是很麻烦,我这个人还是比较懒的,今天有时间把我以前的项目开发中的菜单整理一遍,编写一个通用版本,以后就不需要那么麻烦了。特点今天整理的菜单是由jquery+css开发有如下特点:一、通用性强以前在用的一个下拉菜单有个问题,需要对主导航和子菜单进行单独的设置,比如,二级菜单是class="first_menu",三级菜单是class="second_menu"....依次类推,这样的写法...
jquery 无限极下拉菜单的简单实例(精简浓缩版) 2017年02月06日 9 阅读 jquery 无限极下拉菜单的简单实例(精简浓缩版)<!doctype html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width"><title>脚本之家 www.jb51.net</title><script type="text/javascri...
javascript基本语法 2017年02月06日 9 阅读 1、运算符运算符就是完成操作的一系列符号,它有七类:赋值运算符(=,+=,-=,*=,/=,%=,<<=,>>=,|=,&=)、算术运算符(+,-,*,/,++,--,%)、比较运算符(>,<,<=,>=,==,===,!=,!==)、逻辑运算符(||,&&,!)、条件运算(?:)、位移运算符(|,&,<<,>>,~,^)和字符串运算符(+)。可能很多人不知道"==="是什么。...
javascript解决小数的加减乘除精度丢失的方案 2017年02月06日 9 阅读 原因:js按照2进制来处理小数的加减乘除,在arg1的基础上 将arg2的精度进行扩展或逆扩展匹配,所以会出现如下情况.javascript(js)的小数点加减乘除问题,是一个js的bug如0.3*1 = 0.2999999999等,下面列出可以完美求出相应精度的四种js算法function accDiv(arg1,arg2){var t1=0,t2=0,r1,r2;try{t1=arg1.toString().split(".")[1].length}c...
javascript小数精度丢失的完美解决方法 2017年02月06日 9 阅读 原因:js按照2进制来处理小数的加减乘除,在arg1的基础上 将arg2的精度进行扩展或逆扩展匹配,所以会出现如下情况.javascript(js)的小数点加减乘除问题,是一个js的bug如0.3*1 = 0.2999999999等,下面列出可以完美求出相应精度的四种js算法function accDiv(arg1,arg2){ var t1=0,t2=0,r1,r2; try{t1=arg1.toString().split(".")[1].length...
浅谈JavaScript中小数和大整数的精度丢失 2017年02月06日 9 阅读 先来看两个问题:0.1 + 0.2 == 0.3; // false9999999999999999 == 10000000000000000; // true第一个问题是小数的精度问题,在业界不少博客里已有讨论。第二个问题,去年公司有个系统的数据库在做数据订正时,发现有部分数据重复的诡异现象。本文将从规范出发,对上面的问题做个小结。最大整数JavaScript 中的数字是用 IEEE 754 双精度 64 位浮点数 来存储的,其格式为:s x m x 2...
jQuery基础知识点总结(必看) 2017年02月06日 9 阅读 jQuery是一个优秀的、轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF1.5+, Safari 2.0+, Opera 9.0+),而jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML(标准通用标记语言下的一个应用)、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插...
javascript事件处理模型实例说明 2017年02月06日 9 阅读 事件(Event)是JavaScript应用跳动的心脏 ,也是把所有东西粘在一起的胶水。当我们与浏览器中 Web 页面进行某些类型的交互时,事件就发生了。事件可能是用户在某些内容上的点击、鼠标经过某个特定元素或按下键盘上的某些按键。事件还可能是 Web 浏览器中发生的事情,比如说某个 Web 页面加载完成,或者是用户滚动窗口或改变窗口大小。通过使用 JavaScript ,你可以监听特定事件的发生,并规定让某些事件发生以对这些事件做出响应。一、添加事件监听...
使用JavaScript实现弹出层效果的简单实例 2017年02月06日 9 阅读 声明阅读本文需要有一定的HTML、CSS和JavaScript基础设计实现弹出层效果的思路非常简单:将待显示的内容先隐藏,在触发某种条件后(如点击按钮),将原本隐藏的内容显示出来。实现<!DOCTYPE html><html><head><title>Window对象</title><meta charset="utf-8"></head><body><a...
javascript事件模型介绍 2017年02月06日 9 阅读 一、原始事件模型其事件类型:分为"输入事件(如onclicki)"和"语义事件(如onsubmit)"事件程序的注册可以以下几种方式:1、JS代码作为HTML性质值复制代码 代码如下:<input type="button" value="Press me" onclick="alert("thanks");"2、事件处理程序作为JS属性附注:文档中的每个HTML元素在文档树中都有一个相应的JS对象,这个JS对象的属性对应于那个HTML元素的性质,无...
js弹出框、对话框、提示框、弹窗实现方法总结(推荐) 2017年02月06日 9 阅读 一、JS的三种最常见的对话框//====================== JS最常用三种弹出对话框 ========================//弹出对话框并输出一段提示信息 function ale() { //弹出一个对话框 alert("提示信息!");}//弹出一个询问框,有确定和取消按钮 function firm() { //利用对话框返回的值 (true 或者 false) if (confirm("你确定提交吗?")) { ale...