javascript
阅读(5416)
最近,做了一个医疗器械的小网站,网站导航菜单如下图所示,移到一级菜单上就会显示二级菜单,用到的是jquery的slideDown、slideup。
具体代码如下:
$(".menu li").hover(function () {
$(this).children(".zi-menu").slideDown();
}, function () {
$(this).children(".zi-menu").slideUp();
});
在客户使用过程中发现,当我在两个...
阅读(1420)
JS移除数组指定下标项目var arr = [1,2,3,4,5];
arr.splice(2,1);//移除第三个项目,下标从 0 开始
//[1,2,4,5]JS数组复制var arr = [1,2,3,4,5];
var newarr = arr.concat();
newarr[0] = 9;
console.log(arr);//[1,2,3,4,5]
console.log(newarr);//[9,2,3,4,5]复制后的对...
阅读(1723)
全文档区域即为网页所有内容的高度和宽度,以下是获取的js代码document.body.clientWidth - 文档内容实际宽度 document.body.clientHeight - 文档内容实际高度
阅读(2537)
包含滚动条的屏幕可视区域window.innerHeight - 获得屏幕可视区域高度 window.innerWidth - 获得屏幕可视区域宽度window.innerHeight 与 window.innerWidth 的 ie 版本兼容为 9+,那么完整的兼容代码为function getInnerSizeWithScroll(){
if(window.innerWidth){
&n...
阅读(3009)
window.pageXOffset - 屏幕当前水平滚动条位置 window.pageYOffset - 屏幕当前垂直滚动条位置为了跨浏览器兼容性,如果你使用了 window.scrollX 与 window.scrollY,请使用 window.pageXOffset 与 window.pageYOffset 代替 。另外,旧版本的 IE(<9)两个属性都不支持,必须通过其他的非标准属性来解决此问题。完整的兼容性代码如下var&nbs...
阅读(2407)
输入元素获得输入焦点document.getElemeentById('myinput').focus();通过观察发现,元素如果是在屏幕可视范围之外,使用以上的代码获得焦点后,当前页面的滚动条会立即滚动到目标元素的位置,这在表单输入及控制时,能带来一定的便利性。但在开发自定义功能组件时,会自动滚动到目标位置的特性却会为开发者带来困扰,例如一个组件以弹...
阅读(3070)
有时我们需要在不同的情况下或不同的状态下,实时修改网页的标题,然而修改标题不需要去获取标签对象之类的一系列操作,却只需要简单的一行代码即可解决document.title = 'new title';若要使用jquery的方式也很简单$(document).attr('title','new title');
阅读(1950)
通常我们使用条件判断是使用 if ,但如果需要判断的情况较多,或是对每一个枚举的值都需要做不同处理,就会用到 switch 语句,不同条件执行不同代码块,首先来看一段代码var num = '5';
switch(num){
case 5:
console.log('result&...
阅读(1710)
js或表达式赋值表达式左边的值,若是空或是 undefined 等情况,则使用右边的内容进行赋值function(p){
var param = p || {a:1};
}
//等效于
function(p){
var param;
if(!p) param = {a:1};
}与表达式赋值表达式左边...
阅读(9370)
最近在做一个物流企业的信息化,用户注册时,涉及到五种角色:物流公司、货运部、车主、公司货主、个人货主,因此用了一个tab,tab的原理大家都知道,利用display none,用户注册时需要根据自己的角色,传递不同的扫描件,比如:营业执照、道路运输许可证,身份证等。在使用webuploder上传图片的时候,发现,除了第一个tab,切换到其他tab的时...