1. 窗口的大小即浏览器的大小: window.innerWidth, window.innerHeight, window.outerHeight, window.outerWidth 在IE9+,Safari,Firefox, Chrome中,outerWidth和outerHeight返回浏览器窗口本身的大小(无论是从最外层的window对象还是从某个框架访问), innerHeight和innerWidth是指视口的大小,即浏览器可视区域的大小. 在opera中,outerWidth和o…

js中如何删除某个元素下面的所有子元素?(两种方法) 一.总结 方法一:通过元素的innerHTML属性 元素element.innerHTML=""; 方法二:通过元素的removeChild方法 子元素element.parentNode.removeChild(子元素element); 二.js中如何删除某个元素下面的所有子元素? 问题1: js删除一个父元素下面的所有子元素 比如<div id="ok"><button tpye='butt…

<JavaScript高级程序设计>中讲述了通过JS如何控制页面中元素的大小,其中涉及到三对属性:偏移量,客户区大小,滚动大小.以前自己经常看到这三对属性,但是具体不是很清楚,容易混淆.所以想写篇文章记录一下自己的学习收获,让自己理解的更加深刻,同时也请各位前辈帮忙指正一下自己理解错误的地方. 首先元素在屏幕上的可见大小由元素的宽度,高度决定,包括所有内边距,滚动条和边框大小(不包括外边距) 1.偏移量 偏移量中包括如下四个属性: 1.offsetHeight:元素在垂直方向上占用的空间大小,…

事件件是javascript脚本语言的重要组成部分,因为有事件才使用户页面的体验更加的美好.元素添加事件是js语言中最基础的.我们可以为元素本身添加事件,也可以通过事件绑定和事件监听为元素的父元素和子元素添加事件.今天我要给大家分享的是如何让通过元素本身为同级元素添加事件. html代码: <div id="box1">我是box1</div> <div id="box2">我是box2</div> js代码: let…

平常编写代码,更改一个元素样式的时候,自己都是用 obj.style.width = "200px"; obj.style.position = "absolute"; obj.style.left = "100px"; 之类的代码进行设置,这样的话如果更改样式很多的时候,就要写很多代码. 使用Javascript批量修改样式的方法: cssText 的使用: obj.cssText = " width:200px;position:a…

//从大到小排序 function compareBigToSmall(property){ return function(a,b){ var value1 = a[property]; var value2 = b[property]; return value2 - value1; } }; //从小到大排序 function compareSmallToBig(property){ return function(a,b){ var value1 = a[property]; var v…

今天在做一个按钮的功能控制,点击之后,要根据判断条件,修改按钮的样式,然后就发现了一个巨好用的方法, <button type="button" id="btn_Add" class="btn btn-primary" onclick="AddAttachMent()">增加</button> <script type="text/javascript"> functio…

今天项目中用到了一点 随便记录一下 function timestampToTime(timestamp) { );//时间戳为10位需*1000,时间戳为13位的话不需乘1000 var Y = date.getFullYear() + '-'; < ? ) : date.getMonth()+) + '月'; var D = date.getDate(); var h = date.getHours() + ':'; var m = date.getMinutes() + ':'; var…

验证JS中是否包含重复元素,有重复返回true:否则返回false 方案一. function isRepeat(data) { var hash = {}; for (var i in data) { if (hash[data[i]]) { return true; } // 不存在该元素,则赋值为true,可以赋任意值,相应的修改if判断条件即可 hash[data[i]] = true; } return false; } 方案二. function isRepeat(arrs) { i…

最近的分析都是有点不温不火,基本都是基础的回顾了 今年博客的目标目前总的来说有2大块 JS版的设计模式,会用jQuery来诠释 JS版的数据结构,最近也一直在狠狠的学习中. HTML息息相关的的样式 偏移量 offsetWidth offsetHeight offsetLeft offsetTop offsetHeight/offsetWidth: 表述元素的外尺寸:元素内容+内边距+边框(不包括外边距) offsetLeft/offsetTop: 表示该元素的左上角(边框外边缘)与已定位的父容…