Welcome

首页 / 脚本样式 / JavaScript

ajax级联菜单实现方法实例分析

2017-02-06 17
本文实例讲述了ajax级联菜单实现方法。分享给大家供大家参考，具体如下：效果如下：选择第一项，第二项、第三项的内容跟着改变。选择第二项，第三项的内容跟着改变。第三项则不影响第一项和第二项。有几点值得提：1.html到底是前台拼接还是后台拼接。我选择的是前台拼接，这样可以节省流量，和后台的资源。这也比较符合程序处理，一般后台只负责提供数据。通过json传递给前台，完了前台获取进行处理。ajax函数function ajaxgetbigclass（val）{$...

JS函数多个参数默认值指定方法分析

2017-02-06 18
本文实例讲述了JS函数多个参数默认值指定方法。分享给大家供大家参考，具体如下：函数有一个参数时，以往这样定义（参数为p1）:function mfun（p1）{ … }当需要为p1设定一个默认值时function mfun（p1）{if（p1===undefined） p1=5; //默认值设为5…}当函数需要2个参数时，以前习惯这样写function mfun（p1,p2）{…}后来发现完全不需要这样写，js函数甚至不需要在括弧内预设参数名，可以用一下方...

百度搜索框智能提示案例jsonp

2017-02-06 19
先给大家展示下效果图：下面一段代码给大家分享了百度搜索框智能提示案例jsonp的知识，具体代码如下所示：<！DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>百度下拉_sug-jquery</title><script src="jquery-1.11.3.js"></script>&...

js拖拽功能实现代码解析

2017-02-06 18
本文解决的问题：1、怎样在网页中实现拖曳功能；2、document.documentElement与document.body的区别。 document.documentElement.clientWidth指整个html文档的宽度，document.body.clientWidth的宽度。这两者是不一样的。可以在console控制台通过console.log（document.documentElement）和console.log（document.b...

使用Vue.js创建一个时间跟踪的单页应用

2017-02-06 16
Vue.js很简单。正因为如此简单，人们常常认为其适合于小项目。虽然真正的Vue.js核心知识只是一个视图层库，实际上有一组工具，将使您能够使用Vue.js构建完整的大规模SPA（单页应用程序）。SPA应用可以在不完全重新加载网页，产生一个更流畅的用户体验到的用户交互响应。还有好的副作用，SPA还鼓励后端专注于展示数据端点，这使得整体架构更加分离，并且对于其他类型的客户端可能是可重用的。从开发人员的角度来看，SPA和传统的后端呈现应用程序之间的主要区别是，...

jQuery Checkbox 全选 反选的简单实例

2017-02-06 16
1.全选、反选<html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title> <script src="http://xiazai.jb51.net/201611/yuanma/jquery（jb51.net）.rar"></script> <script type="text/javascript">$（...

原生JS简单实现ajax的方法示例

2017-02-06 19
本文实例讲述了原生JS简单实现ajax的方法。分享给大家供大家参考，具体如下：HTML部分：<body><input type="button" value="Ajax提交" onclick="Ajax（）;" /><div id="resText" ></div></body>这里有个input按钮，点击会触发click事件，click事件调用Ajax（）方法。JS部分：<script l...

浅谈js函数的多种定义方法与区别

2017-02-06 16
定义一个函数一般有如下三种方式：1.函数关键字（function）语句：function fnMethodName（x）{ alert（x）; }2.函数字面量（Function Literals）：var fnMethodName = function（x）{alert（x）;}3.Function（）构造函数：var fnMethodName = new Function（‘x", ‘alert（x）;"）上面三种方法定义了同一个方法函数fnMetho...

基于Node.js + WebSocket打造即时聊天程序嗨聊

2017-02-06 18
前端一直是一块充满惊喜的土地，不仅是那些富有创造性的页面，还有那些惊赞的效果及不断推出的新技术。像node.js这样的后端开拓者直接将前端人员的能力扩大到了后端。瞬间就有了一统天下的感觉，来往穿梭于前后端之间代码敲得飞起，从此由前端晋升为"前后端"。本文将使用Node.js加web socket协议打造一个网页即时聊天程序，取名为HiChat，中文翻过来就是"嗨聊"，听中文名有点像是专为寂寞单身男女打造的~其中将会使用到express和socket.io两...

JS访问DOM节点方法详解

2017-02-06 18
本文实例讲述了JS访问DOM节点方法。分享给大家供大家参考，具体如下：查找并访问节点你可通过若干种方法来查找您希望操作的元素：通过使用 getElementById（） 和 getElementsByTagName（） 方法通过使用一个元素节点的 parentNode、firstChild 以及 lastChild 属性getElementById（） 和 getElementsByTagName（）getElementById（） 和 getElemen...

JS判断输入的字符串是否是数字的方法（正则表达式）

2017-02-06 16
实例如下：if （！checkNumber（gopage_val）） {alert（"请输入正确页数（数字）"）;return false; }//验证字符串是否是数字function checkNumber（theObj） {var reg = /^[0-9]+.?[0-9]*$/;if （reg.test（theObj）） {return true;}return false;}以上这篇JS判断输入的字符串是否是数字的方法（正则表达式）就是小编...

jQuery序列化表单成对象的简单实现

2017-02-06 13
在使用easyui的datagrid组件时，在查询时传递的查询参数是对象类型，为了方便，扩展了jquery中的序列化方法，调用该方法，可以将表单的所有数据序列化$.fn.serializeObject=function（）{ var obj=new Object（）; $.each（this.serializeArray（）,function（index,param）{ if（！（param.name in obj））{ obj[param.name]=p...

利用CSS、JavaScript及Ajax实现图片预加载的方法

2017-02-06 17
预加载图片是提高用户体验的一个很好方法。图片预先加载到浏览器中，访问者便可顺利地在你的网站上冲浪，并享受到极快的加载速度。这对图片画廊及图片占据很大比例的网站来说十分有利，它保证了图片快速、无缝地发布，也可帮助用户在浏览你网站内容时获得更好的用户体验。本文将分享三个不同的预加载技术，来增强网站的性能与可用性。实现图片预加载可以使用css、JavaScript、Ajax三种方法。下面分别介绍这些方法的实现。使用CSS单纯的使用css可以将图片加载到页面元素的...

jQuery将表单序列化成一个Object对象的实例

2017-02-06 17
验证表单的时候经常需要获取表单中name="***"的元素的值，然后加以判断。jQuery中提供了jQuery.serizlizeArray来将表单序列化成一个数组。尽管如此，数组还是不方便我们操作，我需要讲表单序列化成一个对象。这样更方便于我们操作。下面是代码：/*** @author gaohuia*/（function（$）{ $.fn.extend（{ serializeObject:function（）{ if（this.length>1）...

Bootstrap Table使用心得总结

2017-02-06 21
之前一直在调研我们的管理后台使用的表格控件，查询到 : http://bootstrap-table.wenzhixin.net.cn的Bootstrap Table 感觉挺不错，但是由于官方的文档不是怎么的完善，导致自己的网络数据请求一直没有通过。今天终于调试通过，在这里与大家分享一下。一、相关的配置文件引入<！-- jQuery文件。务必在bootstrap.min.js 之前引入 --><script src="//cdn.boot...

详解堆的javascript实现方法

2017-02-06 18
堆的定义最大（最小）堆是一棵每一个节点的键值都不小于（大于）其孩子（如果存在）的键值的树。大顶堆是一棵完全二叉树，同时也是一棵最大树。小顶堆是一棵完全完全二叉树，同时也是一棵最小树。另外，记住这两个概念，对写代码太重要了： 1、父节点和子节点的关系：看定义 2、完全二叉树：参考[2]基本操作 1、Build（构建堆） 2、Insert（插入） 3、Delete（删除：最小或者最大的那个）代码实现首先，写代码前有两个非常重要的点： 1、用一个数组就可以作为堆...

JS正则替换掉小括号及内容的方法

2017-02-06 17
正则表达式： （ [ ^ ） ] * ）JS代码：var str="hello（world）";var nstr = str.replace（/（[^）]*）/g,""）; 以上这篇JS正则替换掉小括号及内容的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。...

JS 拦截全局ajax请求实例解析

2017-02-06 17
你是否有过下面的需求：需要给所有ajax请求添加统一签名、需要统计某个接口被请求的次数、需要限制http请求的方法必须为get或post、需要分析别人网络协议等等，那么如何做？想想，如果能够拦截所有ajax请求，那么问题就会变的很简单！😄，少年，想法有点大胆，不过，我欣赏！直接上轮子，Ajax-hook不仅可以满足你想要的，同时可以给你更多。Ajax-hook源码地址 : https://github.com/wendux/Ajax-hoo...

JS判断是否为JSON对象及是否存在某字段的方法（推荐）

2017-02-06 17
实例如下：$.ajax（{type: "POST",url: url,success（function（data）{//判断是否为JSON对象if（typeof（data） == "object" && Object.prototype.toString.call（data）.toLowerCase（） == "[object object]" && ！data.length）{alert（"is JSON 0bject"）;}//判断是否存在某字段con...

JavaScript浏览器对象模型BOM（BrowserObjectModel）实例详解

2017-02-06 18
本文实例讲述了JavaScript浏览器对象模型BOM。分享给大家供大家参考，具体如下：window对象位于BOM层次结构的最顶层。它包含了一些非常重要的子对象，包括location，navigator，document，screen，history。location对象包含当前页面的URL信息。有些信息是只读的，有些信息是可以读写的比如href属性。我们不仅可以通过href属性来获取当前页面的URL信息，还可以通过修改href属性，来跳转到新的页面。&l...
<< 61 62 63 64 65 66 67 68 69 70 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图