JavaScript处理解析JSON数据过程详解

2017年02月06日 11 阅读

JSON （JavaScript Object Notation）一种简单的数据格式，比xml更轻巧。 JSON 是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包。JSON的规则很简单： 对象是一个无序的“‘名称/值"对”集合。一个对象以“{”（左括号）开始，“}”（右括号）结束。每个“名称”后跟一个“:”（冒号）；“‘名称/值" 对”之间使用“,”（逗号）分隔。具体细节参考ht...

微信企业号开发之微信考勤百度地图定位

2017年02月06日 13 阅读

之前在微信企业号开发:微信考勤中使用了百度地图的定位组件，但发现在部分手机上会出现定位失败的提示，于是有研究了一下百度地图。原来使用的Web组件百度不打算更新了，也是重新查了一下百度地图的其他API，还有一个JavaScript API大众版，于是试了试，没想到竟然解决了。核心代码很简单：<div id="allmap"></div><script type="text/javascript" src="http://api....

微信企业号开发之微信考勤Cookies的使用

2017年02月06日 11 阅读

在上篇文章给大家介绍了微信企业号开发之微信考勤百度地图定位，接下来通过本文学习微信企业号开发之微信考勤Cookies的使用，具体内容如下。使用微信考勤，每次使用微信企业号开发:微信用户信息和web网页的session的关系这个里边的方法，调用微信的接口，有点慢，微信官方也推荐使用Cookies，但如何使用Cookies，自己却一直没有搞清楚。原来一直以为在服务端获取客户端的数据有两个方法，一种就是查询字符串放在URL上，一种就是放在form中，post提交...

js实现的后台左侧管理菜单代码

2017年02月06日 13 阅读

本文实例讲述了js实现的后台左侧管理菜单代码。分享给大家供大家参考。具体如下：这是一个完美的后台左侧管理菜单，从样式来说，貌似出自专业人士之手，风格清新，操作实用，用在WEB管理系统中或用在网站后台管理中，最恰当不过了。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-left-main-menu-style-codes/具体代码如下：<！DOCTYPE HTML PUBLIC "-//W3C//DT...

jQuery+css实现的蓝色水平二级导航菜单效果代码

2017年02月06日 12 阅读

本文实例讲述了jQuery+css实现的蓝色水平二级导航菜单效果。分享给大家供大家参考。具体如下：这是一款蓝色经典的jQuery+CSS实现水平二级导航菜单，相信你会喜欢的，蓝色，超级经典的一种风格，从其它网站上扣下来的，我认为很不错，赶紧分享给大家吧。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-css-blue-line-2level-nav-menu-codes/具体代码如下：<！DOCTY...

JS实现仿Windows7风格的网页右键菜单效果代码

2017年02月06日 11 阅读

本文实例讲述了JS实现仿Windows7风格的网页右键菜单效果代码。分享给大家供大家参考。具体如下：这是一款JS仿Windows7风格的网页右键菜单，可以多级展开的右键菜单，原生JS。可参考性强，学习JavaScript的朋友不可错过。本菜单用户体验极佳，兼容性良好，无jQuery。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-win7-style-web-right-menu-codes/具体代码如下...

JS实现仿QQ面板的手风琴效果折叠菜单代码

2017年02月06日 11 阅读

本文实例讲述了JS实现仿QQ面板的手风琴效果折叠菜单代码。分享给大家供大家参考。具体如下：这是一款简单实用的垂直导航菜单，有人把这种风格称为“手风琴”菜单，类似仿QQ面板的折叠菜单，鼠标放在任意一个菜单上，它会展开所属的二级菜单，很不错的选择，以前就分享过此类菜单，这次经过了代码优化升级，更人性化了。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-f-qq-sfq-style-menu-codes/具体代...

JavaScript学习笔记（三）：JavaScript也有入口Main函数

2017年02月06日 11 阅读

在C和Java中，都有一个程序的入口函数或方法，即main函数或main方法。而在JavaScript中，程序是从JS源文件的头部开始运行的。但是某种意义上，我们仍然可以虚构出一个main函数来作为程序的起点，这样一来不仅可以跟其他语言统一了，而且说不定你会对JS有更深的理解。1. 实际的入口当把一个JavaScript文件交给JS引擎执行时，JS引擎就是从上到下逐条执行每条语句的，直到执行完所有代码。2. 作用域链、全局作用域和全局对象我们知道，JS中的...

js查看一个函数的执行时间实例代码

2017年02月06日 11 阅读

具体不多说了，请看下文代码实例讲解如下有一个求和的函数，我们要知道这个函数执行需要的时间function add（）{ var sum = 0 ; for（var i = 0;i<1000000;i++）{sum += i; }return sum;}定义一个测试函数，将待测函数作为参数传入function test（func）{ var start = new Date（）.getTime（）;//起始时间 func（）;//执行待测函数 var ...

javascript判断网页是关闭还是刷新

2017年02月06日 11 阅读

原理就是通过离开页面行为时间onunload触发时间去检测此时的浏览器的窗口大小，根据大小由此判断用户是刷新，跳转或是关闭行为程序代码如下window.onunload = function（）{var a_n = window.event.screenX - window.screenLeft;var a_b = a_n > document.documentElement.scrollWidth-20;if（a_b && window.event...

JavaScript中this的9种应用场景及三种复合应用场景

2017年02月06日 11 阅读

【场景1】全局环境中的this指向全局对象this.a = 10;alert（a）;//10b = 20;alert（this.b）;//20var c = 30;alert（this.c）;//30【场景2】对象内部函数的this指向调用函数的当前对象var a = 10;var bar = { a: 20, test: function（）{alert（this.a）; }}bar.test（）;//20【场景3】全局环境函数的this指向全局对象va...

jquery实现最简单的滑动菜单效果代码

2017年02月06日 11 阅读

本文实例讲述了jquery实现最简单的滑动菜单效果代码。分享给大家供大家参考。具体如下：这是一款最简单的jQuery下拉滑出菜单，jQuery代码实现，这里没有过多的去修饰菜单，仅是一些基本的实现，特别是对学习jQuery是个不错的参考实例，这里使用了一个jquery封装库文件jquery.tools.min.js，从外部引入，测试时候可能会因载入不成功而看不到效果，刷新一下网页即可解决此问题。运行效果截图如下：在线演示地址如下：http://demo.j...

基于Arcgis for javascript实现百度地图ABCD marker的效果

2017年02月06日 11 阅读

先给大家展示实现后效果：为直观期间，先贴出来我做的效果列表展示和地图展示以及联动显示信息实现思路：1、列表与地图的互动鼠标经过列表时，修改列表图标，并根据列表返回的值在地图上绘蓝色的marker；鼠标移出，修改列表图标为红色，清空地图marker图层。关键代码：title.on（"mouseover",function（）{var attr = $（this）.data（"attr"）;$（"#icon"+attr.id）.css（"background"...

JS+CSS实现的简单折叠展开多级菜单效果

2017年02月06日 11 阅读

本文实例讲述了JS+CSS实现的可折叠展开多级菜单效果。分享给大家供大家参考。具体如下：这是一款JS+CSS实现的多级折叠菜单，可折叠展开/合拢，没有引用任何的外部文件，也没有用到图片，虽然简单，而且还有些粗糙，但核心的东西已经展示给大家了，正在研究折叠菜单的朋友们，这一个小例子可能正是你需要的，好好研究一下吧。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-css-simple-zdzk-menu-st...

JS实现超精简响应鼠标显示二级菜单代码

2017年02月06日 12 阅读

本文实例讲述了JS实现超精简响应鼠标显示二级菜单代码。分享给大家供大家参考。具体如下：这是一款精简版的二级导航菜单，响应鼠标的动作，鼠标放上即显示出菜单，常见的一种菜单样式。喜欢的朋友拿去修改一下，再美化一番，就够用了。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-simple-mouse-show-menu-codes/具体代码如下：<html><head><title&...

纯js代码实现未知宽高的元素在指定元素中垂直水平居中显示

2017年02月06日 12 阅读

下文以span元素为例子，介绍一下如何实现span元素在div中实现水平垂直居中效果，代码如下:<！DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>脚本之家</title><style type=...

JS+CSS简单树形菜单实现方法

2017年02月06日 11 阅读

本文实例讲述了JS+CSS简单树形菜单实现方法。分享给大家供大家参考。具体如下：这是一款不错的CSS树形菜单，树状列表，当然不全是CSS实现，部分功能还使用了JavaScript代码进行配合，删减了修饰用的菜单图片，大家用的时候自己图片加进去，IMG标签大部分都预留了出来，稍懂Html语法的朋友很容易就看懂的。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-css-simple-tree-menu-sty...

window.onload使用指南

2017年02月06日 12 阅读

网页中的javascript脚本代码往往需要在文档加载完成后才能够去执行，否则可能导致无法获取对象的情况，为了避免这种情况的发生，可以使用以下两种方式:一.将脚本代码放在网页的低端，这样在运行脚本代码的时候，可以确保要操作的对象已经加载完成。二.通过window.onload来执行脚本代码。第一种方式感觉比较凌乱（其实推荐使用），往往我们需要将脚本代码放在一个更为合适的地方，那么window.onload方式就是一个更好的选择。window.onload是...

javascript实现在指定元素中垂直水平居中

2017年02月06日 13 阅读

本章节介绍一下如何实现未知宽高的元素在指定元素下实现垂直水平居中效果，下面就以span元素为例子，介绍一下如何实现span元素在div中实现水平垂直居中效果，代码如下:<！DOCTYPE html><html><head><meta charset=" utf-8"><style type="text/css">#box{ width:200px; height:150px; background...

JS动态添加iframe的代码

2017年02月06日 11 阅读

一般对于ie9以上的浏览器、chrome等浏览器都可以支持var iframe = document.createElement（"iframe"）; iframe.src="http://www.jb51.net";document.body.appendChild（iframe）;但考虑浏览器的兼容性问题可以使用下面的代码try{ var iframe = document.createElement（"<iframe name="ifr">...