本文实例讲述了javascript获取元素离文档各边距离的方法。分享给大家供大家参考。具体实现方法如下:代码如下:function getDistance(obj) { if (!obj instanceof jQuery) { obj = $(obj); } var distance = {}; distance.top = (obj.offset().top - $(document).scrollTop()); distance.bottom = ($(window).height() - distance.top - obj.outerHeight()); distance.left = (obj.offset().left - $(docu...
工作中需要通过JS去获取当前使用的浏览器的名字以及版本号,网上大堆资料都有一个关键词是 navigator.appName,但是这个方法获取的浏览器的名字只有两种要么是IE要么就是Netscap,倒是可以用来判断是否使用了IE,但是我想获取具体的浏览器产品名字比如 Firefox,Chrome等。代码如下: function BroswerUtil() { } BroswerUtil.prototype = { getBrowserVersion: function () { var agent = navigator.userAgent.toLowe...
本章节通过代码实例介绍一下如何实现简单的四位随机数功能。 比较简单的一种实现方式就是从数字和字母中随机抽取四个不重复的字符。 代码实例如下:function only(ele,arr){ if(arr.length==0){ return true; } for(var j=0;j<arr.length;j++){ if(ele==arr[j]){ return false; }else{ return true; } } } var arr=[0,1,2,3,4,5,6,"a","b","c","d","e","f","g"]; (function(){ var randNum=null; var old=[]; var str=""; function...
本文实例讲述了javascript获取当前鼠标坐标的方法。分享给大家供大家参考。具体实现方法如下: 对于javascript获取当前鼠标坐标来说,得对不同浏览器的坐标位置有所了解。具体代码如下:代码如下:<html> <head> <title>javascript获取当前鼠标坐标</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <script type="text/javascript"> function mousePosition(ev){ if(ev.pageX || ev.pageY){//fir...
摘要: 我们在开发过程中经常会遇到通过js获取或者改变DOM元素的样式,方法有很多,比如:通过更改DOM元素的class。现在我们讨论原生js来获取DOM元素的CSS样式,注意是获取不是设置 在开始之前先说下获取最终应用在元素上的所有CSS属性对象的意思是,如果没有给元素设置任何样式,也会把浏览器默认的样式返回来。 1、ele.style 在学习DOM的时候就看到通过ele.style来获取元素样式值,但是有时候获取的并非是节点的样式...
代码很简单,就不多废话了,奉上代码:代码如下: // 取当前页面名称(不带后缀名) function getPageName1() { var a = location.href; var b = a.split("/"); var c = b.slice(b.length-1, b.length).toString().split("."); return c.slice(0, 1); } //取当前页面名称(带后缀名) function getPageName2() { var strUrl=location.href; var arrUrl=strUrl.split("/"); var strPage=arrUrl[arrUrl....
经常发现在写JavaScript的时候,都需要用到网页、浏览器或屏幕的高度和宽度来解决布局定位的问题,时常前用后忘,要不就是在网上search,干脆自己总结一下,这样也方便再次使用,省时省力。 网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线的宽) 网页可见区域高:document.body.offsetHeight (包括边线的宽) 网页正文全文宽:doc...
最近开发的项目需要用JavaScript读取Url字符串里的参数的值 通过查找资料和自己的试验,总算成功 脚本如下:代码如下: <script type="text/javascript"> function GetRequest(strName) { var strHref = window.location.href; //获取Url字串 var intPos = strHref.indexOf("?"); // 参数开始位置 var strRight = strHref.substr(intPos + 1); var arrTmp = strRight.spli...
代码如下: /** * 获取地址栏参数 * * @example GetUrlString(id) * * @desc 调用时加上判断,保证程序不会出错 * var myurl = GetUrlString(id); * if (myurl != null && myurl.toString().length > 1) { * alert(GetUrlString("id")); * } * * @param String param 要获取地址栏中的参数名 * @return String Value * @type String * * @name GetUrlS...
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>每天一个JavaScript实例-获取元素当前高度</title> <style> #date{width:90%;height:25%;padding:10px;background: red;} </style> <script> window.onload = function(){ var height = getHeight(); console.log(height); } function getHeight(){ var height = 0; var div = document.getElementBy...
在项目需要一个计时器,效果如下:js代码:代码如下: /*获取当前时间*/ function getCurrentDate() { var timeStr = ; var curDate = new Date(); var curMonth = curDate.getMonth()+1; //获取当前月份(0-11,0代表1月) var curDay = curDate.getDate(); //获取当前日(1-31) var curWeekDay = curDate.getDay(); //获取当前星期X(0-6,0代表星期天) var curHour = curDa...
ps:是获取样式,不是设置样式。若没有给元素设置样式值,则返回浏览器给予的默认值。(论坛整理) 1、element.style:只能获取写在元素标签中的style属性里的样式值,无法获取到定义在<style></style>和通过<link href=”css.css”>加载进来的样式属性代码如下: var ele = document.getElementById(ele); ele.style.color; //获取颜色2、window.getComputedStyle():可以获取当前元素所有最终使用的CSS属性值。代码如下: window.get...
CSS伪元素非常强大,它经常被用来创建CSS三角形提示,使用CSS伪元素可以实现一些简单的效果但又不需要增加额外的HTML标签。有一点就是Javascript无法获取到这些CSS属性值,但现在有一种方法可以获取到: 看看下面的CSS代码: .element:before {content: NEW;color: rgb(255, 0, 0); }.element:before {content: NEW;color: rgb(255, 0, 0); }为了获取到.element:before的颜色属性,你可以使用下面的代码: var color = window.getC...
网页页面上的图片尺寸似乎都千篇一律。我们最常见到的带有多图的文章页面中,图的大小通常是和页面的宽度一致,这样看起来,页面就是一个直筒形,这样的布局看多了就会觉得很单调。之所以形成这样的局面,我想很大程度上是因为老式浏览器的限制。但随着现代浏览器(火狐/谷歌/IE11)的普及,浏览器对页面设计的限制越来越少,Web程序员的想象能力能够得到极大的发挥。 比如,冷知识:你知道每个视窗都有的 [x] 是怎么来的吗?这篇文章...
JavaScript获取鼠标移动时的坐标(兼容:IE8、谷歌、Firefox、Opera ),测试通过 直接复制成html文件,即可运行。 为方便大家测试特准备了一份在线演示 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>JavaScript获取鼠标移动时的坐标(兼容:IE8、谷歌、Firefox、Opera)_脚本之家</titl...