Welcome

首页 / 脚本样式 / JavaScript

多种方式实现js图片预览

2017-02-06 26
先贴代码，之后完善：<！doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> &l...

jquery利用json实现页面之间传值的实例解析

2017-02-06 17
首先，A页面利用按钮打开B页面function SelectUnit（） { OpenDialogBox（epoint.url.getAbsoluteUrl（"PK_UserSelect.aspx"）, "", "选择人员", AfterOpen, 800, 800）;}在这个方法中调用afateropen 方法，A页面前台页面绑定B页面传过来的json值function AfterOpen（rtnStr） { var json = rtnStr; $（"...

js实现刷新页面后回到记录时滚动条的位置【两种方案可选】

2017-02-06 40
当div中绑定数据，给它一个属性overflow-y: scroll，添加长度大小，使其能够出现滚动条；每次刷新的时候滚动条总是会出现在最上方，这使我很头疼，经过查阅网上资料，返现两种方法可行。如下：第一种方案将上一个页面的div的scrolltop距离长度记录在cookie中，然后通过js调整刷新页面时的长度记录，代码如下：js代码：<script>var _h = 0;function SetH（o） { _h = o.scrollTop ...

jQuery焦点图左右转换效果

2017-02-06 17
本文实例为大家分享了jQuery焦点图左右转换的具体代码，供大家参考，具体内容如下<！doctype html><html lang="en"><head><meta charset="UTF-8"><title>焦点图转换</title><link rel="stylesheet" href="css/reset.css"><style type="text/css...

javascript中setAttribute兼容性用法分析

2017-02-06 17
本文实例分析了javascript中setAttribute兼容性用法。分享给大家供大家参考，具体如下：1:常规属性建议使用 node.XXXX。2:自定义属性建议使用node.getAttribute（"XXXX"）。3:当获取的目标是JS里的关键字时建议使用node.getAttribute（"XXX"），如label中的for。4:当获取的目标是保留字,如：class,请使用className代替。setAttribute（string name, ...

简单实现jquery焦点图

2017-02-06 16
本文实例为大家分享了jquery焦点图的实现代码，供大家参考，具体内容如下<！doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>焦点图</title> <style type="text/css">img{position: relative;}ul{list-style: none;widt...

Radio 单选JS动态添加的选项onchange事件无效的解决方法

2017-02-06 18
//记一个问题（已经解决2016.5.5）//在公司项目中遇见一个添加单选项的需求，采用ajax一步请求。为节约资源添加后不刷新网页，js动态改变页面//当选择到动态添加的单选项，执行绑定事件radio 单选JS动态添加的选项,onchange事件无效。使用delegate（）函数可以解决该问题！！！delegate（）:delegate（） 方法为指定的元素（属于被选元素的子元素）添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。使用 del...

jQuery实现字符串全部替换的方法

2017-02-06 18
本文实例讲述了jQuery实现字符串全部替换的方法。分享给大家供大家参考，具体如下：与C# String类型的Replace方法不同，jQuery的Replace仅能替换第一个匹配的内容。例如：var str = "a<br/>b<br/>c<br/>";var Newstr = str.Replace（"<br/>", ""）;alert（Newstr）; //内容为：ab<br/>c<b...

jQuery中值得注意的trigger方法浅析

2017-02-06 14
介绍trigger方法的功能是在所选择的元素上触发指定类型的事件,其调用的语法格式为:trigger（type,[data]） ,其中参数type为触发事件的类型，参数data为可选项，表示在触发事件时,传递给函数的附件参数.常用模拟有时，不需要进行操作，也想模拟用户操作达到某些效果。比如在用户进入界面后就触发click事件，而不需要用户去点击。在jquery中可以使用trigger完成。$（"#btn"）.trigger（"click"）//触发id为b...

Websocket协议详解及简单实例代码

2017-02-06 18
Websocket协议详解关于websocket的协议是用来干嘛的，请参考其他文章。WebSocket关键词HTML5协议，实时，全双工通信，长连接WebSocket比传统Http的好处客户端与服务端只建立一个TCP连接，可以使用更少的连接WebSocket的服务端可以将数据推送到客户端，如实时将证券信息反馈到客户端（这个很关键），实时天气数据，比http请求响应模式更灵活更轻量的协议头，减少数据传送量数据帧格式下图为手工打造的数据帧格式/** * fin...

jQuery中animate的几种用法与注意事项

2017-02-06 41
一、animate语法结构animate（params,speed,callback）params:一个包含样式属性及值的映射,比如{key1:value1,key2:value2}speed:速度参数[可选]callback：在动画完成时执行的函数[可选]二、自定义简单动画用一个简单例子来说明，实现单击某div在页面上横向飘动的效果。<style> #cube{position:relative;/* 不加这句元素不能动 */width:30...

JS双击变input框批量修改内容

2017-02-06 19
双击空白或者文字变成input框修改内容：html代码<td class="center" ondblclick="ShowElement（this,"intro"）">{$vo.intro}</td><td class="center" ondblclick="ShowElement（this,"address"）">{$vo.address}</td>js代码//双击修改function ShowElem...

实例分析浏览器中“JavaScript解析器”的工作原理

2017-02-06 17
浏览器在读取HTML文件的时候，只有当遇到<script>标签的时候，才会唤醒所谓的“JavaScript解析器”开始工作。JavaScript解析器工作步骤：1、“找一些东西”: var、 function、 参数；（也被称之为预解析）备注：如果遇到重名分为以下两种情况：遇到变量和函数重名了，只留下函数遇到函数重名了，根据代码的上下文顺序，留下最后一个2、逐行解读代码。备注：表达式可以修改预解析的值JS解析器在执行第一步预解析的时候，会从代码...

解析JavaScript数组方法reduce

2017-02-06 17
Array.prototype.reduce（）概述reduce（）方法是数组的一个实例方法（共有方法），可以被数组的实例对象调用。reduce（） 方法接收一个函数作为累加器（accumulator），数组中的每个值（从左到右）开始缩减，最终为一个值。语法arr.reduce（callback[, initialValue]） {}参数回调函数中可以传递四个参数。previousValue：上一次调用回调函数返回的值，或者是提供的初始值（initialV...

js仿微信语音播放实现思路

2017-02-06 17
最近看到有一个叫做“轻客小伙伴”的微信服务号，运营得挺不错的。 它是做英语线上培训的，由老师录制语音，配上图文，制作成课程。 花了不少时间写了大多数功能，但还没有优化成插件，直接发代码估计也看不懂，难应用。所以就主要说下实现的思路。 我的html结构是这样的<div class="app-voice-you" voiceSrc="xx.mp3"><img class="app-voice-headimg" src="xx.png" /&g...

深入理解javascript中concat方法

2017-02-06 17
最近在恶补js知识的时候，总是会因为js强大的语法而感到震撼。因为以前对前端方面的疏忽，导致了一些理解的错误。因此痛改前非，下定决心，不管做什么事情，都要有专研的精神。在介绍前，抛出一个问题：如何将多个数组合并为一个数组？以下的分享会分为如下小节：1.concat方法的基础介绍2.从实例中感受concat方法1.concat方法的基础介绍concat方法用于多个数组的合并。它将新数组的成员，添加到原数组的尾部，然后返回一个新数组，原数组不变。console...

微信小程序开发之圆形菜单 仿建行圆形菜单实例

2017-02-06 21
建行APP首页有个圆形菜单.仿了个玩具出来.功能介绍: 1.一个圆形背景.六个item菜单.中间是微信用户的头像; 2.触摸滚动.速度较小时,随手指滚动,手指抬起,滚动停止;速度较大时,随手指滚动,手指抬起,还会自动滚动一段时间; 上一张真机截图: 上代码: 1.index.jsvar app = getApp（）Page（{ data: {userInfo: {},menuList: {},//菜单集合animationData: {},startPoi...

Javascript中call，apply，bind方法的详解与总结

2017-02-06 18
以下内容会分为如下小节：1.call/apply/bind方法的来源2.Function.prototype.call（）3.Function.prototype.apply（） 3.1：找出数组中的最大数 3.2：将数组的空元素变为undefined 3.3：转换类似数组的对象4.Function.prototype.bind（）5.绑定回调函数的对象6.call，apply，bind方法的联系和区别1.call/apply/bind方法的来源首先...

smartupload实现文件上传时获取表单数据（推荐）

2017-02-06 18
实现文件上传的form表单必须满足两个条件：method="post" enctype="multipart/form-data"表单中enctype="multipart/form-data"的意思是设置表单的MIME编码。默认情况，这个编码格式是application/x-www-form-urlencoded，不能用于文件上传；只有使用了multipart/form-data，才能完整的传递文件数据。enctype="multipart/form-d...

深入理解javascript函数参数与闭包

2017-02-06 22
最近在学习javascript的函数，函数是javascript的一等对象，想要学好javascript，就必须深刻理解函数。本人把学习的过程整理成文章，一是为了加深自己函数的理解，二是给读者提供学习的途径，避免走弯路。内容有些多，但都是笔者对于函数的总结。1.函数参数 1.1：参数是什么 1.2：参数的省略 1.3：参数默认值 1.4：参数传递方式 1.5：同名参数 1.6：arguments对象2.闭包 2.1：闭包定义 2.2：立即调...
<< 61 62 63 64 65 66 67 68 69 70 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图