Welcome

首页 / 脚本样式 / JavaScript

JavaScript获取键盘按键的键码（参照表）

2017-02-06 42
简介：JS获取键盘按键的键码event.keyCode，记录-方便查找。1、键盘各按键对应的数字2、键盘码使用2.1、原生js使用JavaScriptdocument.onkeyup=function（event）{ vare=event?event:window.event; if（e.keyCode==13）{//旧版火狐、Opera请使用e.whichalert（"您按了回车键。"）; }};2.2、jQuery使用JavaScript$（d...

Vue.js Ajax动态参数与列表显示实例

2017-02-06 28
一、动态参数显示 ajax异步请求后，接收到返回的data参数并显示在前端 1.1 引入js，也加入了jQuery<script type="text/javascript" src="/js/vue.min.js"></script><script type="text/javascript" src="/js/jquery-2.1.3.js"></script>1.2 html<div id="ap...

JavaScript三种绑定事件方式及相互之间的区别分析

2017-02-06 24
本文实例讲述了JavaScript三种绑定事件方式及相互之间的区别。分享给大家供大家参考，具体如下：JavaScript三种绑定事件的方式：1.<div id="btn" onclick="clickone（）"></div> //直接在DOM里绑定事件<script>function clickone（）{ alert（"hello"）; }</script>2.<div id="btn">&l...

ajax实现动态下拉框示例

2017-02-06 32
许多页面上都涉及有下拉框，即select标签。对于简单的下拉框，被选择的数据是不需要改变的，我们可以用<option></option>写死。这样下拉框的数据永远都是那几条。示例：<select> <option>信息一</option> <option>信息二</option> <option>信息三</option> <option>...

jQuery使用ajax方法解析返回的json数据功能示例

2017-02-06 27
本文实例讲述了jQuery使用ajax方法解析返回的json数据功能。分享给大家供大家参考，具体如下：最近在用jQuery的ajax方法传递接收json数据时发现一个问题，那就是返回的data数据，有时候可以直接作为json数据使用，可有时候又不行。查了些资料,解释如下:$.ajax（{url: ajaxurl,type: "POST",success: function（data）{ //假设返回的json数据里有status及info2个属性 //有时...

微信JSAPI支付操作需要注意的细节

2017-02-06 33
首先介绍一下我在调用微信支付接口使用的是 weixin.senparc SDK，非常方便好用开源的一个微信开发SDK。weixin.senparc SDK 官网：http://weixin.senparc.com/先去下载下来Senparc.Weixin SDK。在调起支付接口之前，需要先要调用统一下单接口，商户系统先调用该接口在微信支付服务后台生成预支付交易单，返回正确的预支付交易回话标识后再在APP里面调起支付。微信 JsApi支付 在这个目录下 Se...

js实现背景图自适应窗口大小

2017-02-06 20
话不多说，请看代码<script type="text/javascript"> window.onresize = window.onload = function（） {var w,bgImg;if（！！（window.attachEvent && ！window.opera）） { w = document.documentElement.clientWidth;} else { w = window.innerWidth;}if（w&g...

利用Query+bootstrap和js两种方式实现日期选择器

2017-02-06 56
前言所谓日期选择是在下拉列表中选择年、月、日，年显示前后的五年，12个月，日就是有30、31、29、28天的区别，随着月份的变而变，本文介绍了利用Query+bootstrap和js实现日期选择器的两种方法，下面来一起学习学习吧。一、js方式的日期选择（1）首先就是三个下拉列表了，点击年、月、日显示列表中的内容，这样就是要给这三个列表加“点击事件”onclick<select id="nian" onclick="biantian（）"><...

浅谈Angular.js中使用$watch监听模型变化

2017-02-06 21
$watch简单使用$watch是一个scope函数，用于监听模型变化，当你的模型部分发生变化时它会通知你。$watch（watchExpression, listener, objectEquality）;每个参数的说明如下：watchExpression：监听的对象，它可以是一个angular表达式如"name",或函数如function（）{return $scope.name}。listener:当watchExpression变化时会被调用的函数...

JS遍历对象属性的方法示例

2017-02-06 23
本文实例讲述了JS遍历对象属性的方法。分享给大家供大家参考，具体如下：遍历JavaScript某个对象所有的属性名称和值的方法，这样想使用方法的时候非常的直观和方便。代码如下：/** 用来遍历指定对象所有的属性名称和值* obj 需要遍历的对象* author: Jet Mah*/function allPrpos （ obj ） {// 用来保存所有的属性名称和值var props = "" ;// 开始遍历for （ var p in obj ）{//...

Angular的$http的ajax的请求操作（推荐）

2017-02-06 23
angular通过封装$http方法，封装了，ajax请求也通过$http封装了$http.get（）和$http.post（）的方法，这里由于图省事，这两种方法不如直接使用通用的方法这里先写一个案例，首先先写一个对象var req = {method: "POST",//请求的方式url: ip,//请求的地址headers: { "Content-Type": "application/x-www-form-urlencoded; charset=UT...

jquery 正整数数字校验正则表达式

2017-02-06 38
限制用户输入的内容可以有如下做法：$（"#id"）.keyup（fucntion（）{//当键盘按下之后立即校验，并替换当前操作框中的内容 var value = $（this）.val（）; $（this）.val（value.replace（reg,replace_data））; }）; 最常见的就是限制用户只能录入数字var reg = new RegExp（"[^0-9]","g"）; [^0-9]表示非0-9之间的数字，g表示全局匹配，i表示不匹...

jQuery UI仿淘宝搜索下拉列表功能

2017-02-06 26
jquery仿淘宝搜索下拉列表实现效果如下：网上搜索教程：<！doctype html><html lang="en"> <head><meta charset="utf-8" /><title>jQuery UI Autocomplete - Default functionality</title><link rel="stylesheet" href="http://cod...

jQuery操作复选框（CheckBox）的取值赋值实现代码

2017-02-06 31
1. 获取单个checkbox选中项（三种写法）：$（"input:checkbox:checked"）.val（） 或者$（"input:[type="checkbox"]:checked"）.val（）; 或者$（"input:[name="ck"]:checked"）.val（）; 2. 获取多个checkbox选中项：$（"input:checkbox"）.each（function（） { if （$（this）.attr（"checked"） ...

微信小程序 地图map详解及简单实例

2017-02-06 40
微信小程序 地图map微信小程序map地图属性名类型默认值说明longitudeNumber中心经度latitudeNumber中心纬度scaleNumber1缩放级别markersArray标记点coversArray覆盖物标记点标记点用于在地图上显示标记的位置，不能自定义图标和样式属性说明类型必填备注latitude纬度Number是浮点数，范围 -90 ~ 90longitude经度Number是浮点数，范围 -180 ~ 180name标注点名St...

VUE JS 使用组件实现双向绑定的示例代码

2017-02-06 25
1.VUE 前端简单介绍 VUE JS是一个简洁的双向数据绑定框架，他的性能超过ANGULARJS,原因是实现的机制和ANGULARJS 不同，他在初始化时对数据增加了get和set方法，在数据set时，在数据属性上添加监控，这样数据发生改变时，就会触发他上面的watcher，而ANGULARJS 是使用脏数据检查来实现的。另外VUEJS 入门比ANGULARJS 简单，中文文档也很齐全。2.组件实现在使用vue开发过程中，我们会需要扩展一些组件，在表单中...

JS实现的表头列头固定页面功能示例

2017-02-06 33
本文实例讲述了JS实现的表头列头固定页面功能。分享给大家供大家参考，具体如下：这里的示例演示了一个table页面,并固定表头或者列头,以达到excel冻结列的效果,主要使用的js的scrollTop,scrollLeft.一.js中scrollTop及scrollLeft的使用说明scrollTop指的是“元素中的内容”超出“元素上边界”的那部分的高度。例如:外层元素的高度值是200px,内层元素的高度值是300px。很明显，“外层元素中的内容”高过了“外...

详解Vue自定义过滤器的实现

2017-02-06 27
一 自定义过滤器（注册在Vue全局）注意事项:（1）全局方法 Vue.filter（） 注册一个自定义过滤器,必须放在Vue实例化前面（2） 过滤器函数始终以表达式的值作为第一个参数。带引号的参数视为字符串，而不带引号的参数按表达式计算（3）可以设置两个过滤器参数,前提是这两个过滤器处理的不冲突（4）用户从input输入的数据在回传到model之前也可以先处理<！DOCTYPE html><html><head><...

js实现将json数组显示前台table中

2017-02-06 29
在最近的学习中遇到一个小问题，如何把JSON数组显示在前台的table中，经过一番借鉴和学习之后终于解决了这个问题。具体的代码如下：（前提：利用ajax获取过来的JSON字符串必须是规范的，这样才能解析正确。后台获取数据库中数据的代码省略了）1、前台JS代码（使用之前引入JQuery的js库文件）$.ajax（{type: "GET",url: "UserList.ashx?Action=List",//利用ajax请求后台的并返回值// data...

js自定义QQ菜单效果

2017-02-06 25
QQ菜单大家都见过，这样有以下的功能：1.点击我的好友，会展示下拉出具体的好友2.再点击我的好友，会收缩3.首次点击具体的某个好友，只有当前这个好友高亮4.再次点击这个好友时，高亮状态就消失了还是瞄一眼效果图吧：最后代码<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><style>ul,h2 {p...
<< 31 32 33 34 35 36 37 38 39 40 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图