Welcome

首页 / 脚本样式 / JavaScript

jQuery新窗口打开外链接

2017-02-06 16
对于外链，为了留住用户在本站，我们通常会使用新窗口打开，你可以设置target="_blank"。然而手动一个是麻烦，另一个则是有可能会遗漏，本文通过jQuery查询要点击的链接，添加相关属性，使其打开新窗口。$（document）.on（"click","a",function（）{var url = this.href,hash="";if（url.indexOf（"#"）>-1）{hash = ！！url.split（"#"）[1] ?...

浅谈DOCTYPE对$（window）.height（）取值的影响

2017-02-06 16
前言:公司项目需要用到一个弹框垂直居中，网上类似的垂直居中弹出层大同小异，因为项目是基于Jquery 下的，所以用$（window）.height（）-layer.height（））/2 +$（document）.scrollTop（）取得垂直的位移。测了各种浏览器没问题，后台人员移值到项目中后，出问题了，当页面超出一屏时，在 chrome和FF下，弹出框不是在当前屏的垂直居中，而是相对于整个网页的居中。查阅各方资料，所有结论都指出：1.窗口高度，$（wi...

picLazyLoad 实现图片延时加载（包含背景图片）

2017-02-06 15
如下所示：/** * picLazyLoad 图片延时加载，包含背景图片 * $（img）.picLazyLoad（{...}） * data-original 预加载图片地址 * alon */;（function（$）{$.fn.imgLazyLoad = function（settings）{var $this = $（this）,_winScrollTop = 0,_winHeight = $（window）.height（）;settings =...

jQuery的ajax下载blob文件

2017-02-06 16
乍一听有点蒙，之前用ng和react时也写过类似的功能，但是很顺利（所以忘记具体细节了）。jquery为啥会不行呢？看了一下具体场景，发现原来jq的ajax回调已经把response的数据傻瓜式的以字符串的方式解析了。查了一下gg，发现国内的解决方案就是在该场景下不实用jq，而是自己手动创建XMLHttpRequest。虽然这个方法很可靠，但之前封装的jq的ajax就不能使用了。查了查jq的文档，本打算自己根据jq提供的jQuery.ajaxSetup（）...

完美JQuery图片切换效果的简单实现

2017-02-06 16
效果如下：css：body { font-family:"Microsoft Yahei"; }body,ul,li,img,h3,dl,dd,dt,h1{margin:0px;padding:0px;list-style:none;}img{vertical-align: top;}/***大图切换***/.scroll_view{margin: 0px auto;overflow:hidden;position: relative;}.photo_vi...

JavaScript 数组- Array的方法总结（推荐）

2017-02-06 17
JavaScript中的Array类型是经常用到的，Array类型也提供了很多方法能实现我们需求，下面我们来总结一下一、创建Array的方法var colors=new Array（）;var colors=new Array（3）;//创建一个长度为3的数组var colors=new Array（"red","blue"）//创建一个数组["red","blue"]当然，上面的new可以省略不写，如 var colors=Array（"red"）;2、...

jQuery表单验证插件解析（推荐）

2017-02-06 15
一：插件（1） Validform_v5.3.1_min.js Validform_Datatype.js（2）网址：http://validform.rjboy.cn 在这个网站上有demo和插件下载链接。二：普通验证（1）Validform_Datatype.js/*Validform datatype extensionBy sean during December 8, 2012 - February 20, 2013For more info...

AngularJs基本特性解析（一）

2017-02-06 17
现在的前端项目中基本上都会用到angularjs框架，之前并不了解这个框架，也是因为最近接手的项目，所以打算好好的学习下它。之前都是搞pc端，现在接手的是移动端的项目，移动端UI框架用的是ionic＋vordova，没有用bootstrap，主要做的是ios+安卓的app界面，ionic这个框架也不太了解，也需要花时间好好熟悉下。angularjs学习小白一枚，欢迎大神指正。AngularJs是什么？简单来说，即javascript的一个框架，通过scri...

如何用JS判断两个数字的大小

2017-02-06 17
前言：在判断之前我们要先知道，js中的var定义的变量默认是字符串，如果单纯的比较字符串的话，会出现错误，需要先转化为int类型在做比较。【备注：110和18在你写的程序中是18大的，因为 这两个数都是字符串，而1和1相等之后比较1和8，当然是8大，所以18大。你在比较之前转换成INT型在比 。 if（parseInt（num2）>parseInt（num1）） 】错误实例：<script>function check（）{var num...

javascript实现滚动效果的数字时钟实例

2017-02-06 18
网上关于javascript实现数字时钟效果的实例很多，但是本文给大家介绍的是滚动效果的数字时钟。小编觉得效果很炫，下面分享给大家。先来看看很炫的效果下面是代码实例javascript代码部分：window.onload=function（）{function toDou（n）{return n<10?"0"+n:""+n;}var oImg=document.getElementsByTagName（"img"）;setInterval（c...

jQuery实现鼠标经过购物车出现下拉框代码（推荐）

2017-02-06 15
这一段时间在学习web前端，最近学了jQuery库,深感其强大，下面通过写购物车的下拉框做法，把自己的理解和大家交流一下，欢迎各位大神指点指正，废话不多说，开始正题： 购物车html:<！-- 购物车 start --><div class="shopping" id="shopping-box"><a href="" id="shoptext"><i class="iconfont">&l...

Javascript字符串常用方法详解

2017-02-06 16
字符串字符串就是一个或多个排列在一起的字符，放在单引号或双引号之中。"abc""abc"length属性js里的字符串类似于数组，都是一个一个字符拼凑在一起组成的，因此可以用length属性取得字符串的长度var str = "hello"str.length; // 5字符串常用的一些方法1. charAt（）str.charAt（n）＝> 返回字符串的第 n 个字符，如果不在 0~str.length-1之间，则返回一个空字符串。var str ...

jQuery 更改checkbox的状态,无效的解决方法

2017-02-06 16
今天写页面遇到复选框动态全选或全不选问题，正常写法如下：$（"#tb"）.find（"input[type="checkbox"]"）.attr（"checked","checked"）;but！第一次点击全选按钮input显示对勾，第二次就不行了，查了下有建议用prop的，亲测有效。那两者有啥区别呢？jQuery函数attr（）和prop（）的区别：1、操作对象不同“attr”和“prop”分别是单词“attribute”和“property”的缩写，并...

原生JS实现风箱式demo,并封装了一个运动框架（实例代码）

2017-02-06 17
声明，该DEMO依托于某个培训机构中，非常感谢这个培训结构。话不多说，现在开始改demo的制作。首先，在前端的学习过程中，轮播图是我们一定要学习的，所以为了更加高效的实现各种轮播图，封装了一个运动的框架。function getStyle（obj,attr） {if（obj.currentStyle）{return obj.currentStyle[attr];//为了获取IE下的属性值}else{return window.getComputedStyl...

使用do...while的方法输入一个月中所有的周日（实例代码）

2017-02-06 17
使用do...while的方法输入一个月中所有的周日（实例代码）do{var date = Number（prompt（"请输入一个月的总天数"））;var start = （prompt（"请输入一个月的一号是周几"））;for（var i=0;i<date;i++）{if（（start+1）%7===0）{console.log（i+"号是周日"）}}console.log（"查询完毕"）;}while（"yes"===prompt（"您还继续查...

JS结合bootstrap实现基本的增删改查功能

2017-02-06 16
提出问题：如何利用原生的js实现基本的增删改查功能？？？解决问题假如你已经对JS有一定基础假如你对bootstrap有一定基础下面是具体的例子，包含两个文件（index.jsp 和 index.js）<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%> <！DOCTYPE html PUBLIC "-//W3C//DTD ...

41个Web开发者必须收藏的JavaScript实用技巧

2017-02-06 16
Web开发者必须收藏的JavaScript实用技巧，供大家参考，具体内容如下1. 将彻底屏蔽鼠标右键oncontextmenu=”window.event.returnValue=false”< table border oncontextmenu=return（false）>< td>no< /table> 可用于 Table2. 取消选取、防止复制< body onselectstart=”return fal...

高效Web开发的10个jQuery代码片段

2017-02-06 16
在过去的几年中，jQuery一直是使用最为广泛的JavaScript脚本库。今天我们将为各位Web开发者提供10个最实用的jQuery代码片段，有需要的开发者可以保存起来。1、检测Internet Explorer版本当涉及到CSS设计时，对开发者和设计者而言Internet Explorer一直是个问题。尽管IE6的黑暗时代已经过去，IE也越来越不流行，它始终是一个能够容易检测的好东西。当然了，下面的代码也能用于检测别的浏览器。 $（document）....

JS实现的多张图片轮流播放幻灯片效果

2017-02-06 19
本文实例讲述了JS实现的多张图片轮流播放幻灯片效果。分享给大家供大家参考，具体如下：<body style="width: 715px; height: 95px;"><script language="javascript" type="text/javascript"><！--/**************************************************名称: 图片轮播类创建时间: 2010-07-...

Javascript基础学习笔记（菜鸟必看篇）

2017-02-06 16
什么是变量？变量是用于存储信息的容器变量的声明语法：var 变量名变量名 = 值;变量要先声明再赋值变量可以重复赋值变量的命名规则变量必须以字母开头；变量也能以$和_符号开头（不过我们不推荐这么做）；变量名称对大小写敏感（a和A是不同的变量）。语句语句以一个分号结尾；如果省略分号，则由解析器确定语句的结尾。有个好的编码习惯，都要以 ; 结尾数据类型在JavaScript中，一段信息就是一个值（value）。值有不同的类型，大家最熟悉的类型是数字。字符串（s...
<< 151 152 153 154 155 156 157 158 159 160 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图