Welcome 微信登录

首页 / 脚本样式 / JavaScript

JavaScript实现动态删除列表框值的方法

JavaScript实现动态删除列表框值的方法

本文实例讲述了JavaScript实现动态删除列表框值的方法。分享给大家供大家参考。具体如下:使用JavaScript 动态删除列表框中的值,实际运用中可能效果会比较复杂,这只是一个基本功能单元,很多都是在此基础上扩展而来,运行代码点击“删除”,会将列表框中的值一一删除,只保留一项数据。运行效果截图如下:具体代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http...
Jquery代码实现图片轮播效果(一)

Jquery代码实现图片轮播效果(一)

文章写的不好,还请各位高手指教,不废话了,先上张效果图吧看下:在线演示 下载源码首先是初始化部分:将除了第一张轮播图片意外的图片都隐藏,并且隐藏向前、向后按钮,使第一个索引按钮处于激活状态。事件部分:通过jquery的hover()绑定鼠标上悬以及离开时的事件处理, jquery的bind()方法绑定鼠标点击事件处理向前、向后翻动、轮播控制:pre(), next(), play(), start()开始自动轮播,stop()停止自动轮播。下篇是一个纯粹的...
深入解读JavaScript中的Hoisting机制

深入解读JavaScript中的Hoisting机制

hoisting机制javascript的变量声明具有hoisting机制,JavaScript引擎在执行的时候,会把所有变量的声明都提升到当前作用域的最前面。先看一段代码var v = "hello";(function(){ console.log(v); var v = "world";})();这段代码运行的结果是什么呢?答案是:undefined这段代码说明了两个问题,第一,function作用域里的变量v遮盖了上层作用域变量v。代码做少些变动v...
jQuery中$.ajax()和$.getJson()同步处理详解

jQuery中$.ajax()和$.getJson()同步处理详解

一、前言为什么需要用到同步,因为有时候我们给一个提交按钮注册提交表单数据的时候,在提交动作之前会进行一系列的异步ajax请求操作,但是页面js代码会按顺序从上往下面执行,如果你在这过程中进行了异步操作,那么获取不到当前异步操作返回的结果,js会继续执行下一条语句,所以我们需要同步操作请求获取后台返回数据结果后,判断结果是否符合再执行js下一条语句。二、$.ajax()参数解释url: 发送请求的地址。type: 请求方式(post或get)默认为get。t...
基于jQuery实现动态数字展示效果

基于jQuery实现动态数字展示效果

我们在一些应用中需要动态展示数据,比如当前在线人数,当前交易总额,当前汇率等等,前端页面需要实时刷新获取最新数据。本文将结合实例给大家介绍使用jQuery实现动态数字展示效果。查看演示 下载源码HTML代码本例假设要在页面上动态展示(无需刷新整个页面,只是局部刷新动态数字)当前在线用户数,常见在一些统计平台上应用。在HTML页面中只需定义以下结构:<div class="count">当前在线:<span id="number">&...
详细解读JavaScript的跨浏览器事件处理

详细解读JavaScript的跨浏览器事件处理

一.关于获取事件对象FF有点倔强,只支持arguments[0],不支持window.event。这次真的不怪IE,虽然把event作为window的属性不合规范,但大家都已经默许这个小问题存在了,只有FF这么多年了还是特立独行。所以,跨浏览器的事件对象获取有以下两种方式:带参的:getEvent : function(event){return event ? event : window.event;//return event || wind...
JavaScript中的call方法和apply方法使用对比

JavaScript中的call方法和apply方法使用对比

方法定义call方法: 语法:call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义:调用一个对象的一个方法,以另一个对象替换当前对象。 说明: call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。 如果没有提供 thisObj 参数,那么 Global 对象被用作 thisObj。apply方法: 语法:apply([thisOb...
JavaScript的jQuery库插件的简要开发指南

JavaScript的jQuery库插件的简要开发指南

jQuery 插件通常分两类。 基于选择器的插件(支持链式操作) 不基于选择器的插件(不支持链式操作)前段时间简单学习了 jQuery 插件开发,开发了两个简单的插件,在此对两种插件的开发模式做简要总结。基于选择器的插件通常开发模式如下:(function($, window, undefined) { $.fn.PluginName = function(opts) { var defaults = {// 插件自定义选项的默认值 }; // 以用户的自...
用JavaScript实现PHP的urlencode与urldecode函数

用JavaScript实现PHP的urlencode与urldecode函数

很多朋友说JavaScript的decodeURI函数也可以实现,但有bug所有呢,下面看下下面的函数,经过测试使用暂时没什么问题,我在之前的文章说过,这个和php的urldecode函数根本不是一回事。下面是我根据高人的代码改写的JavaScript版的urldecode函数,参考的链接在开头提到的文章中有,就不一一列举了。和之前的urlencode函数一样,只实现了utf-8版的。1、urlencode使用方法: urlencode(str);func...
深入学习JavaScript中的原型prototype

深入学习JavaScript中的原型prototype

javascript 是一种 prototype based programming 的语言, 而与我们通常的 class based programming 有很大 的区别,我列举重要的几点如下:1.函数是first class object, 也就是说函数与对象具有相同的语言地位2.没有类,只有对象3.函数也是一种对象,所谓的函数对象4.对象是按 引用 来传递的那么这种 prototype based programming 的语言如何实现继承呢(OO...
js实现仿Discuz文本框弹出层效果

js实现仿Discuz文本框弹出层效果

本文实例讲述了js实现仿Discuz文本框弹出层效果。分享给大家供大家参考。具体如下:这是一个在经典论坛曾经热讨论的问题,记得在QQ邮箱里也有类似功能,Discuz7.0论坛里同样也有,当你的鼠标单击文本框的时候,会弹出一个包含文字、图片、表单无素的DIV层,里面的元素都可以进行操作,很方便,选中的值会自动添加到文本框内。本代码经过了多次修正,没有进行过多美化,你美工好的话可以自己美化。运行效果截图如下:具体代码如下:<!DOCTYPE html P...
JavaScript实现将文本框的值插入指定位置的方法

JavaScript实现将文本框的值插入指定位置的方法

本文实例讲述了JavaScript实现将文本框的值插入指定位置的方法。分享给大家供大家参考。具体如下:这里实现JavaScript将文本框的值插入当前面指定位置,这在一些表单提交场合或许我们都用到过,本代码段是将文本框的值写入到当前页的body区域内,如果你设置有其它的文本框,则可以值赋给这些文本框,可以让使用表单的用户免去输入的麻烦。运行效果如下图所示:具体代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML ...
JavaScript简单判断复选框是否选中及取出值的方法

JavaScript简单判断复选框是否选中及取出值的方法

本文实例讲述了JavaScript简单判断复选框是否选中及取出值的方法。分享给大家供大家参考。具体如下:这里使用JavaScript 获取复选框的值,有朋友在刚开始利用表单提交数据的时候,一般都会遇到表单中有一个特别的元素——复选框,判断它是否选中以及获取它的值 ,好像跟其它的表单元素有点不一样,本代码将为您展示如何获取复选框的值并判断是否被选中。运行效果如下图所示:具体代码如下:<title>JavaScript 获取复选框的值</ti...
JavaScript的面向对象编程基础

JavaScript的面向对象编程基础

重新认识面向对象为了说明 JavaScript 是一门彻底的面向对象的语言,首先有必要从面向对象的概念着手 , 探讨一下面向对象中的几个概念:一切事物皆对象对象具有封装和继承特性对象与对象之间使用消息通信,各自存在信息隐藏以这三点做为依据,C++ 是半面向对象半面向过程语言,因为,虽然他实现了类的封装、继承和多态,但存在非对象性质的全局函数和变量。Java、C# 是完全的面向对象语言,它们通过类的形式组织函数和变量,使之不能脱离对象存在。但这里函数本身是一...
详解JavaScript中jQuery和Ajax以及JSONP的联合使用

详解JavaScript中jQuery和Ajax以及JSONP的联合使用

借助于 XMLHttpRequest,浏览器可以在整个页面不刷新的情况下与服务端进行交互,这就是所谓的 Ajax(Asynchronous JavaScript and XML)。Ajax 可以为用户提供更为丰富的用户体验。Ajax 请求由 JavaScript 驱动,通过 JavaScript 代码向 URL 发送一个请求,待服务端有响应时会触发一个回调函数,可以在这里回调函数里面处理服务端返回的信息。由于整个发送请求和响应的过程是异步的,所以在此期间页...
<< 1151 1152 1153 1154 1155 1156 1157 1158 1159 1160 >>