首页

功能强大的Jquery滚动定位插件scrollFix

【插件功能】 当用户向上或向下滚动页面到一定位置时,目标元素开始固定定位(position:fixed),当回滚到原位置时目标元素恢复到原状态,可以定制触发滚动相对屏幕位置和触发滚动方向,兼容IE6 【原理】 通过监控滚动事件并控制层的绝对定位后的lef,top属性。 【插件参数】 $(“.target_element”).scrollFix( [ “top&#...

通过JS修改浏览器地址(url)而页面不刷新  

history对象:它提供了一些非常有用的方法和属性,让我们在历史记录中自由前进和后退。 基本流程: 一、历史记录概览 1、前进与后退 window.history.back() //后退 window.history.forward() //前进 2.移动到指定的历史记录点 window.history.go(-1) //相当于back(),后退一页 window.history.go...

JavaScript常用API合集

一、节点 1.1 节点属性 Node.nodeName //返回节点名称,只读 Node.nodeType //返回节点类型的常数值,只读 Node.nodeValue //返回Text或Comment节点的文本值,只读 Node.textContent //返回当前节点和它的所有后代节点的文本内容,可读写 Node.baseURI //返回当前网页的绝对路径 ...

js实现一些跨浏览器的兼容事件方法

用JavaScript实现事件的绑定,移除,以及一些常用的事件属性的获取,时常要考虑到在不同浏览器下的兼容性,下面给出了一个跨浏览器的事件对象: var EventUtil = { on: function(element, type, handler) {/* 添加事件 */ if (element.addEventListener) { ...

检测监控浏览器(窗口)关闭、跳转、刷新:onbeforeunload与onunload事件

浏览器窗口关闭可以使用window.close(),但并没有与之相对应的事件,页面加载也是使用onload事件监听。 onunload和unbeforeunload事件都是在页面刷新或关闭的时候执行。 可以在<script>脚本中通过window.onunload来指定或者在里指定。区别在于onbeforeunload在onunload之前执行,它还可以阻止onunload的执行。 这...

获取js文件后面的参数

<script type=”text/javascript” src=”tongji.js?id=loginbox”></script> 就是如何获取id是多少了? 第一获取src /* 获取当前的js文件的路径 @method getJsPath @param {string} jsname js文件名称 */ ...

javascript 常用DOM操作整理

1.抽取了DOM操作中常用的部分2.DOM属性和方法的对象归属可能并不完全准确3.某些兼容性和特点做了标识(绝大部分的兼容性是ie8~9上下) 节点类型 节点类型 节点值 标签节点(Element) 1 属性节点(Attr) 2 文本节点(Text) 3 CDATA节点(CDATASetion) 4 实体引用节点(EntityReference) 5 实体节点(E...

让页面字体显得清晰、平滑、无锯齿的CSS方法  

近期遇到一个项目,对字体要求十分严格,字体不使用bloder,并且使字体看起来更清晰更平滑无锯齿,我对设计并不在行,对印刷排版也没有研究,但我知道什么字体好看,什么不好看。几年前我就看到过CSS里有一些属性很奇怪,当我设置这些属性或取消这些属性后,字体看起来会变得好看和不那么好看。这就是字体平滑设置的效果。但今天这里,只是介绍分享一下-webkit-font-smoothing它的基本用法: 1、...

原生JS首页进度加载动画

本实例的实现原理比较简单,不过不是真正的按文件大小来显示加载进度的,只是在触发document.onreadystatechange事件时,根据document.readyState的状态来改变显示进度的。加载时间统计用了Windows对象的performance属性,它是专门用来来计算精确时间的方法,其实还有一种靠谱一点的方法,用XMLHttpRequest对象的实例的progress事件,如:...

移动前端console调试面板(移动网页端调试工具)—vConsole  

一个针对手机网页的前端console调试面板,并将其开源了,一个非常有用的开发调试工具。 项目地址: https://github.com/WechatFE/vConsole 。 不多介绍,以下内容直接 copy 了项目的 README.md 简介 vConsole 是一个网页前端调试面板,专为手机 web 页面量身设计,帮助开发者更为便捷地进行开发调试工作。 效果预览 预览二维码 使用方法 ...