您的位置:

首页 >

网络编程 >

2016-02-22

js实现DOM走马灯特效的方法

本文实例讲述了js实现DOM走马灯特效的方法。分享给大家供大家参考。具体实现方法如下:复制代码 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html ...

2016-04-15

jQuery给元素添加样式的方法详解

本文实例讲述了jQuery给元素添加样式的方法。分享给大家供大家参考,具体如下:1、获取和设置样式$("#tow").attr("class")//获取ID为tow的class属性$("#two").attr("class","divClass")//设置Id为two的class属性。2、追加样式复制代码 代码如下:$("#two").addClass("divClas...

2016-06-07

JS根据浏览器窗口大小实时动态改变网页文字大小的方法

本文实例讲述了JS根据浏览器窗口大小实时动态改变网页文字大小的方法。分享给大家供大家参考,具体如下:目前,有了css3的rem,给我们的移动端开发带来了前所未有的改变,使得我们的开发更容易,更易兼容很多设备,但这个不在本文讨论的重点中,本文重点说说如何使用js来实时改变网页文字的大小。代码如下:<script> /* 长宽占位 rem算法...

2016-06-14

jquery触发a标签跳转事件示例代码

1.写入<a>标签: <a target="_blank" href="javascript:void(0)" onclick="checkValidate()">水觅微博</a> 2.加入JS: 复制代码 代码如下: <script type="text/javascript"> function checkValidate(){ if($...

2016-11-23

jquery实现在页面加载的时自动为日期插件添加当前日期

在页面加载的时候自动为日期插件添加当前日期。<script type="text/javascript">$(document).ready(function(){$("#startTime").val(formatDate());$("#endTime").val(formatDate());}jsp页面的body部分代码:<td><label>日期...

2016-09-18

js类的静态属性和实例属性的理解

复制代码 代码如下:<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>测试</title> </head> <body> <script type="text/javascript">...

2016-02-15

javascript克隆对象深度介绍

js一般有两种不同数据类型的值:   基本类型(包括undefined,Null,boolean,String,Number),按值传递;   引用类型(包括数组,对象),按址传递,引用类型在值传递的时候是内存中的地址。 克隆或者拷贝分为2种:   浅度克隆:基本类型为值传递,对象仍为引用传递。   深度克隆:所有元素或属性均完全克...

2016-02-14

jquery与prototype框架的详细对比

以前做界面是用jquery的,现在因为要用许多ajax效果,改用了rails自带的prototype 因为jquery用多了,换个框架也大同小异,不过细节上有很多不同。。。 1.dom加载方面: jquery有dom ready方法,推迟js函数的绑定知道dom树完成(如果没有这个功能,一些element的事件函数之类的绑定可能会出错): $(doc...

2016-01-12

JavaScript实现自动生成网页元素功能(按钮、文本等)

创建元素的方法: 1、利用createTextNode()创建一个文本对象 2、利用createElement()创建一个标签对象 3、直接利用容器标签中的一个属性:innerHTML-----本质上改该标签容器中的“html代码”,不是我们认为的对象树的操作 详解代码:<body> <input type="button" value="创建并添加...

2016-03-14

JavaScript脚本性能的优化方法

From:http://www.nirvanastudio.org/javascript/improve-javascript-performance.html 作者:ShiningRay @ Nirvana Studio 随着网络的发展,网速和机器速度的提高,越来越多的网站用到了丰富客户端技术。而现在Ajax则是最为流行的一种方式。JavaScript是一种解释...

2016-02-17

JavaScript中计算网页中某个元素的位置

由于项目的需要,测试中需要对网页元素进行截图,以确保它看上去没有问题。之前我写过一篇文章介绍过一种方法,先使用 WebDriver 进行全屏截图,然后根据目标元素(DOM Element)所在的位置,再对截下来的图片进行剪裁,保留我们需要的位置即可。那段代码一直都工作得很好,直到我知道了一个东西:iframe。iframe(普通的 frame 也...

2016-10-09

JavaScript操作文件_动力节点Java学院整理

在HTML表单中,可以上传文件的唯一控件就是<input type="file">。注意:当一个表单包含<input type="file">时,表单的enctype必须指定为multipart/form-data,method必须指定为post,浏览器才能正确编码并以multipart/form-data格式发送表单的数据。出于安全考虑,...

2016-06-14

Bootstrap BootstrapDialog使用详解

这里有两种展现方式 写在前面:首先你要引入的库有 css : bootstrap.min.css bootstrap-dialog.css js : jquery-1.11.1.min.js bootstrap.min.js bootstrap-dialog.js1、通过html代码显示<!-- Button trigger modal 弹出框的触发器 --><...

2016-09-23

jQuery超简单选项卡完整实例

本文实例讲述了jQuery实现的超简单选项卡效果。分享给大家供大家参考。具体如下:这是一款基于jQuery的选项卡示例,比较实用的一个实例,希望通过本文让大家掌握如何使用jQuery创建一个选项卡标签,这是目前WEB前端设计比较流行的一款功能。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/jquery-simple-na...

2016-02-08

JS实现自动阅读单词(有道单词本添加功能)

个人比较习惯使用有道,使用了一段时间,背单词的时候很不方便 而有道单词客户Duan没有自动阅读的功能, 本文用强大的js实现了简单的自动下一个单词的功能,方法:第一步打开有道路径下的"\Dict\6.3.69.8341\resultui\js\wordBook.js" 文件添加以下代码//自动下一个代码var btnStart = document.getElementB...

2016-05-04

在javascript中关于节点内容加强

一、元素节点复制代码 代码如下://测试元素节点,输出节点名称,节点的类型,节点的值  var liElements=document.getElementsByTagName("li");  for(var i=0;i<liElements.length;i++){     alert(liElements[i].nodeName);     alert(liEl...

2016-08-10

jQuery ajax dataType值为text json探索分享

复制代码 代码如下: <dt style="margin:15px 0px 3px; padding:0px; border:0px; font-weight:bold; color:rgb(4,121,167); font-family:Verdana,Arial,宋体; background-color:rgb(249,249...

2016-09-11

深入理解javascript原型链和继承

在上一篇文章中,介绍了原型的概念,了解到在javascript中构造函数、原型对象、实例三个好基友之间的关系:每一个构造函数都有一个“守护神”——原型对象,原型对象心里面也存着一个构造函数的“位置”,两情相悦,而实例呢却又“暗恋”着原型对象,她也在心里留存了一个原型对象的位置。javascript本身不是面向对象的语言,而是基于对象的语言,对于习惯了其他OO...

2016-05-23

EXTjs4.0的store的findRecord的BUG演示代码

在findRecord方法调用了 findRecord: function()这个方法 复制代码 代码如下: findRecord: function() { var me = this, index = me.find.apply(me, arguments); return index !== -1 ? me.getAt(index) : null; }...

2016-01-14

JavaScript 异步方法队列链实现代码分析

在《javascript设计模式》中对这种方法作了比较详细的描述,实现方法的链式调用,只须让在原型中定义的方法都返回调用这些方法的实例对象的引用即可,看看书中的这段代码: 复制代码 代码如下: (function() { function _$(els) { this.elements = []; for (var i = 0, len = els.length;...

2016-11-12

JS实现图片产生波纹一样flash效果的方法

本文实例讲述了JS实现图片产生波纹一样flash效果的方法。分享给大家供大家参考。具体实现方法如下:<html><title>js让图片产生波纹一样的flash效果</title><body><script LANGUAGE="Javascript">i=0;function f_wave(){i=i-4;showimg.style.f...

2016-11-23

Jquery-1.9.1源码分析系列(十一)之DOM操作

DOM操作包括append、prepend、before、after、replaceWith、appendTo、prependTo、insertBefore、insertAfter、replaceAll。其核心处理函数是domManip。  DOM操作函数中后五种方法使用的依然是前面五种方法,源码jQuery.each({ appendTo: "append", ...

2016-09-18

js轮播图透明度切换(带上下页和底部圆点切换)

效果图:代码如下:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin:0; padding:0; border:none; } li{ list-st...

2016-01-12

JavaScript 对象模型 执行模型

数据类型 基本数据类型 基本数据类型是JS语言最底层的实现。 简单数值类型: 有Undefined, Null, Boolean, Number和String。注意,描述中的英文单词在这里仅指数据类型的名称,并不特指JS的全局对象N an, Boolean, Number, String等,它们在概念上的区别是比较大的。 ...

2016-06-01

用js来获取上传的文件名纯粹是为了美化而用

为啥要用js来获取上传的文件名呢?其实纯粹是为了美化,友好, 但是,可不是网上流传的那样,用 path.substring(path.lastIndexOf('/')+1) ; 这个样在工作的时候会出现不少问题。 比如,firefox的input表单的value值默认就可以获取到文件名,而ie 则显示文件路径。 所以要区别对待,在firefox下 la...

2016-04-17

JavaScript 读取图片实例代码

Untitled Page JavaScript读取图片测试例子 <!-- var Gif=[["images/smilies/","victory","sweat","loveliness","call","handshake","kiss","time","hug","lol","mad","funk"] , ["images/default/"...

2016-02-21

jQuery源码分析之Event事件分析

对于事件的操作无非是addEvent,fireEvent,removeEvent这三个事 件方法。一般lib都会对浏览器的提供的函数做一些扩展,解决兼容性内存泄漏等问题。第三个问题就是如何得到domReady的状态。   6.1 event的包裹   浏览器的事件兼容性是一个令人头疼的问题。IE的event在是在全局的window下, 而mozilla的even...

2016-10-21

关于Mozilla浏览器不支持innerText的解决办法

比如: <p id="test"><strong><font color="red">Hello</font> , world!</strong></p> 我们使用代码:alert((document.getElementById("test")).innerText) 在IE、Chrome中,均能获取到“Hello ...

2016-04-18

jquery实现Li滚动时滚动条自动添加样式的方法

本文实例讲述了jquery实现Li滚动时滚动条自动添加样式的方法。分享给大家供大家参考。具体如下:这里使用jquery实现当拖动滚动条的时候,Li滚动列表中的内容会自动随滚动条变化而下移,并自动添加样式。运行效果截图如下:具体代码如下:<html lang="en"><head><meta charset="utf-8"><t...

2016-03-21

jQuery 和 CSS 的文本特效插件集锦

Jumble Text Effect Plugins  Demo||Download Vticker – Vertical News Ticker With JQuery Plugin  Demo||Download JQuery TE – Text Editor With JQuery Plugin  Demo||Download Squishy – JQuery Plugin For Fitt...

2016-01-09

jQuery学习笔记之jQuery.fn.init()的参数分析

从return new jQuery.fn.init( selector, context, rootjQuery )中可以看出参数selector和context是来自我们在调用jQuery方法时传过来的.那么selector和context都有哪些可能. 对于表格中的4~9行中的可能做具体分析.如果selector是字符串,则首先检测是html代码还是#id.126行的if语句:...

2016-09-01

详解JavaScript的回调函数

本文的目录: 什么是回调或高级函数 回调函数是如何实现的 实现回调函数的基本原则 回调地狱的问题和解决方案 实现自己的回调函数在JavaScrip中,function是内置的类对象,也就是说它是一种类型的对象,可以和其它String、Array、Number、Object类的对象一样用于内置对象的管理。因为function实际上是一种对象,它可以“存...

2016-10-22

jQuery带时间的日期控件代码分享

本文实例讲述了JS+CSS3实现的类似于苹果iwatch计时器特效。分享给大家供大家参考。具体如下:带时间的jQuery日期控件代码是一款基于jQueryUI实现的,可自定义日期插件语言,这个日期控件的亮点就在于选择的时间可精确到分钟。 运行效果图:                    -------------------查看效果 下载源码-------------...

2016-09-14

JavaScrip数组删除特定元素的几种方法总结

前言可能一说到删除数组特定元素你估计不止一种方法可以实现,那么下面且来看看我总结的这几种方法,可能会对你有所帮助!话不多说了,来一起看看详细的介绍吧。源数组var arr = ["George", "John", "Thomas", "James", "Adrew", "Martin"];伪删除什么是伪删除呢? 就是说将数组元素值设置为n...

2016-04-02

js获取select选中的option的text示例代码

javascript 复制代码 代码如下: var item = document.getElementById(""); var text = item.options[item.selectedIndex].text; jQuery 复制代码 代码如下:...

2016-08-22

javascript简单链式调用案例分析

本文实例讲述了javascript简单链式调用方法。分享给大家供大家参考,具体如下:jQuery用的就是链式调用。像一条连接一样调用方法。链式调用的核心就是return this;,每个方法都返回对象本身。下面是简单的模拟jQuery的代码:<script> window.$ = function (id) { return new _$(id)...

2016-06-05

Javascript typeof与instanceof的区别

JavaScript 中 typeof 和 instanceof 常用来判断一个变量是否为空,或者是什么类型的。但它们之间还是有区别的:typeoftypeof 是一个一元运算,放在一个运算数之前,运算数可以是任意类型。它返回值是一个字符串,该字符串说明运算数的类型。typeof 一般只能返回如下几个结果:number,boolean,str...

2016-01-03

Javascript Memoization 缓存函数使用说明

举个例子 复制代码 代码如下: var flower= function(){ var t=0,i=0; for(;i<5000000;i++){ t++; } return t; } flower 返回t的值 假设这个函数需要花费 2-3秒 。 通过 Memoization 函数,再次查找相同的值时,直接获取事先缓存好的 value,立刻返回; Memoiz...

2016-01-09

原生javascript 学习之js变量全面了解

1.变量的命名  方法的命名(驼峰命名法)全部小写 : 单词与单词之间全部下划线 (my_namespace)大小写混合 : 第一个单词首字母小写其他单词首字母大写。规则首字符 英文字母或下划线组成   英文字母 数字 下划线禁忌   JavaScript 关键字 保留字2. 变量的声明  显示声明   :  var 关键字陋习         :  没有类型 重复声明 隐式声明...

2016-04-01

setInterval,setTimeout与jquery混用的问题

方法1. 直接在ready中调用其他方法,会提示缺少对象的错误,应用jQuery的扩展可以解决这个问题。 复制代码 代码如下:$(document).ready(function(){ $.extend({  show:function(){   alert("ready");  }});setInterval("$.show()",3000);}); 方法2. ...

2016-11-14

js函数般调用正则

这为调用正则的 exec 方法提供了便捷。例如,在 Firefox中,regex(”string”) 等同于 regex.exec(”string”)。曾经 ECMAScript 4 建议指出这个功能将会增加到 ES4 规范中,但后来的在 ES4-discuss mailing list 的讨论中,这个建议可能被废除。然而,你可以通过增加 call 和 ap...

2016-03-02

JS实现的简单鼠标跟随DiV层效果完整实例

本文实例讲述了JS实现的简单鼠标跟随DiV层效果。分享给大家供大家参考,具体如下:这段代码呈现一串跟随鼠标的Div效果,并有拖影特效,随着鼠标快速的晃动,Div层效果会不断的增加,后面的Div会自动消失,不过还有些Bug,期待与大家完善这个JS特效。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/j...

2016-09-21

javascript中局部变量和全局变量的区别详解

javascript有两种变量:局部变量和全局变量。当然,我们这篇文章是帮助大家真正的区别这两种变量。首先,局部变量是指只能在本变量声明的函数内部调用。全局变量时整个代码中都可以调用的变量。当然,单单从字面上理解肯定是不清楚的,下面我详细的介绍下:大家都知道,变量是需要用var关键字声明的。但是javascript中也可以隐式的使用变...

2016-08-06

javascript full screen 全屏显示页面元素的方法

一种最简单的方式,就是动态改变你想要全屏显示的部件的style,例如position变成absolute,height和width都设置成窗口大小,并且把背景颜色改成全白(为了遮住页面上其余的元素)。这样网页上就只能看到你要突出的部件了,视觉上就等同于全屏。同时利用javascript监听键盘事件,一旦用户按了ESc退出键,就恢复原来的样子。部分代码如下...

2016-11-19

兼容IE和Firefox火狐的上下、左右循环无间断滚动JS代码

html里的marqueen也能实现内容的滚动,但滚动是间断的,在滚动一个周期中,会有一段空白出现。如果滚动的区域比较大,空间的出现,会让页面看起来很不美观。运用JavaScript可以使这一问题得到改观,实现无间断的滚动。 上下循环滚动代码: 复制代码 代码如下: <div id="demo" onmouseover="clearInte...

2016-11-15

javascript异步处理工作机制详解

从基础的层面来讲,理解JavaScript的定时器是如何工作的是非常重要的。计时器的执行常常和我们的直观想象不同,那是因为JavaScript引擎是单线程的。我们先来认识一下下面三个函数是如何控制计时器的。var id = setTimeout(fn, delay); - 初始化一个计时器,然后在指定的时间间隔后执行。该函数返回一个唯一的标志ID(Numb...

2016-10-08

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

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

2016-04-21

javascript教程:关于if简写语句优化的方法

UglifyJS是一个对javascript进行压缩和美化的工具,在它的文档说明中,我看到了几种关于if语句优化的方法。尽管我还没使用它去做一些尝试性的测试,但从这里可以看到它的确对js作了美化的工作。也许有人认为if语句就那么简单,能优化到什么程度?但是看看以下的几种方式,你也许会改变看法。一、使用常见的三元操作符if (foo) bar(); else...

2016-01-19

js showModalDialog 弹出对话框的简单实例(子窗体)

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="showdialog_dialog.aspx.cs" Inherits="WSHelpDoc_showdialog_dialog" %>复制代码 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional...

2016-09-03

AngularJS实现路由实例

1、首先我们要引进angular.js和angular-route.js文件复制代码 代码如下: <script type="text/javascript" src=lib/angular.min.js></script><script type="text/javascript" src=lib/angular-route.js></script> ...

< 1 2 3 4 5 6 7 8 9 ... 16 >

焦点访谈

最新最热的文章

更多 >

COPYRIGHT (©) 2017 Copyright ©2017 188bet 网站地图

联系我们

827570882

扫描二维码分享到微信