2017年07月_alokka

原创 JS循环语句for、for in、while、do while循环的区别

1.for循环对于for循环想必大家已经很熟悉了，这个我就不介绍了。主要用法就是遍历数组、对象什么的2.for in循环for in循环主要是遍历对象function myFunction() { var person = {fname:"John", lname:"Doe", age:25}; for (key in person) { // key不是固定写法可以随便定义 i、

2017-07-19 17:45:45 1117

原创两个JS之间的函数互相调用

这个问题是我在工作中用到的一个方法因为要做封装所以想到能不能在一个js中引用另一个js中的function 这样的话能大大的减少代码量话不多说先上代码首先要在html页面引入两个js文件 1.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title> </title></h

2017-07-18 17:07:50 22979

原创 JQUERY实现列表检索功能

这是一个简单的列表右上角有一个检索功能我们要实现的是列表检索功能是用的jquery实现的具体代码如下$(function(){ $("input[type=button]").click(function(){ var txt=$("input[type=text]").val(); if($.trim(

2017-07-16 23:27:00 1203

原创用JS在html页面实现打印功能

有时候我们做页面的时候，会要求有打印页面的按钮，而且有的时候会要求只打印页面中的某一部分而不是全打印首先在head里面加入下面一段js代码：<script language="javascript">function preview(oper){if (oper < 10){bdhtml=window.document.body.innerHTML;//获取当前页的html代码sprns

2017-07-14 11:37:05 30628 4

原创 JQUERY的DOM操作大全

对于dom的全称大家都知道吧，DOM是Document Object Model的缩写，其意思是文档对象模型。DOM是一种与浏览器、平台、语言无关的接口，使用dom接口很容易的访问页面中所有标准组件。dom操作一般可以分为三个方面即DOM Core(核心)、HTM-Dom和CSS-DOM。　　每一个网页都可以用DOM表示出来，每个DOM都可以看作是一棵DOM树。下面的html页面结构可以构建出一

2017-07-10 16:32:01 839

原创 JS中return的用法及return；return false；return true的区别

1.语法及返回方式1.返回控制与函数结果语法为:return 表达式; 语句结果函数的执行,返回调用函数,而且把表达式的值作为函数结果返回出去2.返回控制无函数结果语法为:return; 在大多数情况下,为事件处理函数如果让其返回false,可以防止默认的事件行为.例如,默认情况下,点击一个<a>标签元素,页面会跳转到该元素href

2017-07-10 14:19:19 1119

原创 sessionStorage实现两个页面传值和页面位置定位

前言：　　因最近移动端开发过程中遇到一个运营提出的所谓技术难点需求，对于原生APP来说轻而易举，毕竟自己的APP用户操作指哪打哪，但是H5该怎么做?H5就实现不了么？对于一个爱研究攻克这些前端棘手问题的我来说，我没尝试过，我是拒绝对提出需求者说实现不了，做不到之类的。　　是什么需求呢？–需求方要求用户在一个列表页浏览时，点击一个列表进入详情页，返回要求记录用户刚刚浏览的位置，而不是重新刷新页面到了页

2017-07-10 13:37:41 2809

原创页面a跳转到页面b指定位置的方法

页面a跳转到页面b指定位置的方法1.锚点法a.html里：<a href="b.html#abc">xxx</a>b.html里加一个锚点：<div name="abc"></div>这样就可以直接跳转到只能位置啦在一个页面a进行跳转方法一、跳转到顶部1、首先我们在网页body内最上面添加一个<span id="top" name="top"></span>2、我们再到body内，需要出现点击后

2017-07-07 11:17:35 7496

原创 JQUERY获取元素高度、宽度、偏移量

$(obj).scroll()：元素滚动事件；$(window).resize()：浏览器窗口伸缩事件；$(obj).offset().top：获取元素到页面顶端的距离；$(obj).offset().left：获取元素到页面左侧的距离；$(obj).scrollTop()：获取滚动距离（上侧）；$(obj).scrollLeft()：获取滚动距离（左侧）；$(obj).width()：获

2017-07-06 13:47:40 991

原创 PC端、移动端(手机端)图片懒加载方法整理

JQUERY.LAZYLOAD.JS实现图片懒加载这是一个demo 直接复制粘贴到sublime上就能查看了 jquery.lazyload.js中有一些可以调试的属性比如触发方式图片加载方式等可以在 https://www.w3cways.com/1765.html 上查看很详细我就不写了比心♥ ♥首先引入jQuery文件和懒加载文件&amp;amp;lt;script type=&amp;amp;quot;text

2017-07-05 13:52:31 8598

alokka的博客