js优化针对IE6.0起作用(详细整理)

js优化针对IE6.0起作用,总结一下几点:一,字符串拼接:用数组拼接复制代码 代码如下:function func2(){ var start = new Date().getTime(); var array = []; for(var i = 0; i < 10000; i++){ array[i] = "<input type='button' valu...

2016-04-05 15:20:09 (60)

JavaScript 上万关键字瞬间匹配实现代码

提到关键字搜索,首先联想到的无非就是使用一些indexOf,replace之类的字符函数,最多加上一些正则表达式而已.实现起来虽然很简单,但是这背后的效率问题可曾仔细考虑过?例如论坛中的关键字过滤,一般情况下需过滤的关键字数量及检测的文本长度都不大,所以这一瞬间的过程没有太多值得关注的地方。但若关键字数量不在是屈指可数,而是有成千上万, 并且待检测的文...

2016-04-27 11:37:36 (220)

jQuery通过ajax方法获取json数据不执行success的原因及解决方法

1.jquery通过ajax方法获取json数据不执行success回调问题描述:jquery通过ajax方法获取json数据不执行success回调方法问题原因:json格式存在问题或不符合标准写法,导致总是执行error回调方法解决方案:使json格式务必符合下述3个标准写法:    1)键名称:用双引号括起;    2)字符串:用双引号括起; ...

2016-09-18 11:27:37 (44)

JavaScript中使用自然对数ln的方法

这将返回10的自然对数大约是 2.302.语法Math.LN10例子:<html><head><title>JavaScript Math LN10 Property</title></head><body><script type="text/javascript"> var property_value = Math....

2016-07-07 05:40:15 (170)

Jquery节点遍历next与nextAll方法使用示例

Jqeruy节点遍历<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>...

2016-08-25 02:01:36 (281)

学习YUI.Ext 第二天

遇到一些JS的语法上的问题,没有理解透,恶补基本功!   匿名函数 An anonymous function 没有名字的就叫作“匿名函数”,像这个 function(x,y){return x+y} 没有名字当然不能直接调用,也无法调用;最多能只能把它赋值或闭包处理(闭包是什么下面再讲),如: var sum =function(x,y){return...

2016-07-17 03:44:14 (189)

原生javascript和jquery判断浏览器版本等信息

复制代码 代码如下: <script type="text/javascript"> //jquery判断浏览器信息 $(function(){ var bro=$.browser;//获取浏览器用户代理信息; var bro_msie=bro.msie;//判断是否为ie浏览器,假如为ie浏览器就返回:true,否则返回:undefined; var bro...

2016-05-12 13:41:43 (202)

JS+HTML5 FileReader实现文件上传前本地预览功能

HTML5之FileReader的使用HTML5定义了FileReader作为文件API的重要成员用于读取文件,根据W3C的定义,FileReader接口提供了读取文件的方法和包含读取结果的事件模型。FileReader的使用方式非常简单,可以按照如下步骤创建FileReader对象并调用其方法:1.检测浏览器对FileReader的支持if(window.FileRea...

2016-02-17 08:35:11 (95)

JS+CSS实现美化的下拉列表框效果

本文实例讲述了JS+CSS实现美化的下拉列表框效果。分享给大家供大家参考。具体如下:一款经过JS+CSS美化的下拉列表,效果很不错,但代码有点偏多,学习CSS的朋友可以学习一下方法,然后自己变通一下,把代码简化一下。运行效果如下图所示:具体代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 T...

2016-10-04 14:08:05 (244)

js 获取后台的字段 改变 checkbox的被选中的状态 代码

复制代码 代码如下:  <td width="15%" align="left">是否为分包人</td>     <td width="35%" align="left">      <INPUT TYPE="checkbox" NAME="fbr"  id="fbr1">        <s:hidden name="fbr" id="fbr...

2016-08-10 12:38:33 (23)

JavaScript随机打乱数组顺序之随机洗牌算法

假如有一个数组是这样子:var arr1 = ["a", "b", "c", "d"];如何随机打乱数组顺序,也即洗牌。有一个比较广为传播的简单随机算法:function RandomSort (a,b){ return (0.5 - Math.random()); }实际证明上面这个并不完全随机。随便一搜网上太多这种东西了,看一下s...

2016-02-23 08:03:40 (132)

原生js结合html5制作小飞龙的简易跳球

演示地址:http://runjs.cn/detail/yjpvqhalhtml代码<html> <head> <meta charset="utf-8"/> <title>小飞龙的跳球</title> </head> <body onload="init()"> <canvas id=...

2016-11-05 12:27:20 (52)

微信小程序图片自适应支持多图实例详解

微信小程序图片自适应支持多图实例详解微信小程序图片自适应,是一个比较常见的需求,平时我们在WEBView中,只需要设置max-width:100%.在微信里面虽然widthFix也能实现,但有一个缺陷就是图片的宽度值要大于或者等于设定的值,否则就会发生拉伸变形,本文通过另外一种来适应。首先我们来看看图片组件给的一些说明: 属性名 ...

2016-01-22 10:42:30 (73)

Bootstrap每天必学之下拉菜单

一、下拉菜单(基本用法)小伙伴们注意,在Bootstrap框架中的下拉菜单组件是一个独立的组件,根据不同的版本,它对应的文件:☑ LESS版本:对应的源码文件为 dropdowns.less☑ Sass版本:对应的源码文件为 _dropdowns.sass☑ 编译后的Bootstrap版本:查看bootstrap.css文件第3004行~第3130行在使用Bootstr...

2016-03-01 07:03:43 (218)

JS获取文本框,下拉框,单选框的值的简单实例

1.文本框1.1 <input type="text" name="test" id="test">通过var t=document.getElementById("test").value把值赋给变量t,1.2 当然也可以反过来把已知的变量值赋给文本框,例如:var m = "5";document.getElementById("test").value= m;2.下...

2016-03-12 06:32:13 (84)

JQuery slideshow的一个小问题(如何发现及解决过程)

第一阶段,试用slideshow 在做一个网页homepage的时候,想用slideshow[1]做图片切换效果,其中js部分代码如下: 复制代码 代码如下: function next_slide() {   var $active = $('#bitware-overlay img.active');   if ($active.length == 0)     $a...

2016-06-03 01:35:34 (135)

JavaScript实现数组随机排序的方法

本文实例讲述了JavaScript实现数组随机排序的方法。分享给大家供大家参考。具体实现方法如下:function Shuffle(o) { for(var j, x, i = o.length; i; j = parseInt(Math.random() * i), x = o[--i], o[i] = o[j], o[j] = x); retur...

2016-07-26 11:39:05 (31)

状态栏显示欢迎信息的脚本特效

<!-- function Helpor_net(seed) { var m1 = "欢迎您来到★脚本之家★,请多提意见。谢谢! !" ; var m2 = "" ; var msg=m1+m2; var out = " "; var c = 1; var speed = 330; if (seed > 100) { seed-=2; var cmd="Helpor_ne...

2016-07-04 12:23:07 (268)

AngularJs $parse、$eval和$observe、$watch详解

$parse和$eval$parse和$eval这两个函数都可以解析表达式的值.它们的区别在于$parse是一个服务, 可以注入使用. $eval是scope对象上的一个方法, 我们只能在能访问scope的场景下使用它.var getter = $parse('user.name');var setter = getter.assign;var context = {user...

2016-04-28 10:14:27 (4)

JS常见问题整理(持续更新)

1、JS中$符号含义 【表示变量】比如变量 var s='asdsd'或var $s='asdasd'; 【匹配结尾,在正则表达式中】/sa$/.test(string) 匹配string字符串中的sa,比如string='125sa'则匹配,string='125sa21'则不匹配 【表示一个查找对象的函数】 复制代码 代码如下: $=function (id) ...

2016-05-28 07:21:41 (144)

浅谈Javascript Base64 加密解密

html代码:复制代码 代码如下: <!DOCTYPE html> <html> <head>     <title>Page Title</title>     <style type="text/css">     *{font-family: Consolas;font-style: italic}     .re...

2016-01-25 01:38:41 (196)

详解js中的apply与call的用法

前言call 和 apply 都是为了改变某个函数运行时的 context 即上下文而存在的,换句话说,就是为了改变函数体内部 this 的指向。call 和 apply二者的作用完全一样,只是接受参数的方式不太一样。方法定义applyFunction.apply(obj,args)方法能接收两个参数:obj:这个对象将代替Function类里this对象args...

2016-03-27 12:10:28 (217)

原生js编写设为首页兼容ie、火狐和谷歌

原生 js 编写,兼容 ie,火狐和谷歌。完整代码:<script type="text/javascript">//设为首页 www.jb51.netfunction SetHome(obj,url){ try{ obj.style.behavior='url(#default#homepage)'; obj.setHomePage(url); }...

2016-01-16 07:33:06 (116)

JavaScript实现同一页面内两个表单互相传值的方法

本文实例讲述了JavaScript实现同一页面内两个表单互相传值的方法。分享给大家供大家参考。具体如下:有时候我们在提交表单的时候需要将两个表单的值互相传递,那么如何实现呢?其实很简单,就是用JavaScrip获取任一表单的值,然后赋给另一个,具体可看代码,代码很有意思,也很实用。运行效果截图如下:具体代码如下:<html><...

2016-02-25 14:42:37 (42)

到处都是jQuery选择器的年代 不了解它们的性能,行吗

最近,我就对jQuery的选择器使用做了一些个小小的实验,用来说明jQuery的不同选择器在不同的情况下,哪个效率更高,更值得使用。 先在每个测试页面的head中引入google提供的jquery文件和用于测试的小插件firejspt。 复制代码 代码如下: <!-- 引入FireJSPT的库文件 --> <script type="text/j...

2016-01-14 05:44:40 (207)

jQuery右侧选项卡焦点图片轮播特效代码分享

本文实例讲述了jQuery右侧选项卡焦点图片轮播特效代码。分享给大家供大家参考。具体如下:jQuery实现的右侧选项卡焦点图片轮播动画特效源码,是一段清新可爱的焦点图轮播代码,支持自动轮播与手动点击。运行效果图:----------------------查看效果-源码下载----------------------小提示:浏览器中如果不能正常运行,可以尝试...

2016-06-14 14:06:40 (84)

JQuery选择器、过滤器大整理

经过一晚上的查找整理,终于整理出一套应该算最全面的JQuery选择过滤器的方法了。所有代码均经过测试。首先HTML代码复制代码 代码如下:HTML Code<html><head><script type="text/javascript" src="JQuery/jquery-1.5.1.js"></script></head>...

2016-06-08 11:37:37 (83)

javascript中的return和闭包函数浅析

高手绕道!这跟闭包本身没什么大的关系,也不知道怎么取标题,随便凑了个数,望见谅!今天一个刚学js的朋友给了我一段代码问为什么方法不执行,代码如下:复制代码 代码如下:function makefunc(x) { return function (){  return x; }}alert(makefunc(0));其实不是不执行,只是朋友的意思这里aler...

2016-05-15 05:05:24 (117)

Javascript中引用示例介绍

在Javascript脚本中,参数的引用原则:引用的参数内部(如属性)可以修改,但参数对应的引用(reference)不能修改。 一个测试例子如下: 复制代码 代码如下: <script language="javascript"> //dosomething1,对于引用,变量本身不可以修改,但变量内部结构可以修改 function dosomet...

2016-07-09 11:30:07 (204)

js控制不同的时间段显示不同的css样式的实例代码

js函数,可以放到单独的js文件中也可以放到当前页的<head>标记之内复制代码 代码如下:function getCSS(){        datetoday = new Date();        timenow=datetoday.getTime();        datetoday.setTime(timenow);        thehour = datetod...

2016-01-16 08:02:27 (264)

关于网页中的无缝滚动的js代码

随便打开一个网页,基本上都会看到无缝滚动或者轮播图,比如淘宝还有360官网的首页 观察这些轮播图可以发现图片可以来回循环地切换,那么是怎样做到的呢?做到轮播图或者说无缝滚动主要有两种方式,一种是通过对图片的明暗即透明图的改变来显示或隐藏图片,另一种是通过运动框架,将图片显示在可视区域。这两种方式都会用到同一个东西,那就是定时器。JavaS...

2016-08-27 08:44:05 (193)

jQuery简单动画变换效果实例分析

本文实例讲述了jQuery简单动画变换效果。分享给大家供大家参考,具体如下:1.效果图如下:2.html代码:<div id="panel"> <h5 class="head">什么是jQuery?</h5> <div class="content"> jQuery是继Prototype之后又一个优秀的JavaScript库...

2016-04-06 14:45:03 (266)

JS结合bootstrap实现基本的增删改查功能

提出问题:如何利用原生的js实现基本的增删改查功能???解决问题假如你已经对JS有一定基础假如你对bootstrap有一定基础下面是具体的例子,包含两个文件(index.jsp  和  index.js)<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%...

2016-09-09 03:01:24 (155)

基于jquery步骤进度条源码分享

基于jQuery网页步骤流程进度条代码里面包含两款不同效果的jQuery步骤进度条特效。效果图如下:在线预览       源码下载html代码:<div class="step_context test"></div>当前步骤:第<input type="text" value="5" id="currentStepVal" />步 <...

2016-10-19 08:34:03 (262)

jQuery实现下拉框功能实例代码

说一百句,不如我给大家贴张效果图,效果图请看下面:<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" /><title></title><style type="text...

2016-08-06 12:20:35 (289)

使用DeviceOne实现微信小程序功能

微信小程序即将推出,还没推出就火的不行了。基于微信这个巨大平台,小程序必然能有巨大成功。不过它并不能完全取代App,该开发App还得开发。如果我们自己想实现一个基于自己的APP包含类似微信的小程序功能,该如何实现了?我们先来看看小程序的技术特点。小程序的特点1. 跨平台,微信就像JRE,在不同操作系统上都有实现,所以微信上的小程序就像运行在J...

2016-05-27 06:46:41 (66)

bootstrap基本配置_动力节点Java学院整理

Bootstrap 安装是非常容易的。本章将讲解如何下载并安装 Bootstrap,讨论 Bootstrap 文件结构,并通过一个实例演示它的用法。实例采用的是百度的静态资源库上的Bootstrap资源。<!-- 新 Bootstrap 核心 CSS 文件 --><link href="http://apps.bdimg.com/libs/bootstr...

2016-08-18 02:31:01 (107)

jquery操作checkbox实现全选和取消全选

今天这样写了一个全选和取消全选的功能: 全选:$(":checkbox").attr("checked","checked"); 取消全选:$(":checkbox").removeAttr("checked"); 获取选中的:$(":checked[checked='checked']") 发现点全选可以,在点取消全选也可以,获取选中的失效...

2016-02-15 02:46:29 (122)

jQuery UI Autocomplete 体验分享

支持的数据源 jQuery UI Autocomplete主要支持字符串Array、JSON两种数据格式。 普通的Array格式没有什么特殊的,如下: 复制代码 代码如下: ["cnblogs","博客园","囧月"] 对于JSON格式的Array,则要求有:label、value属性,如下: 复制代码 代码如下: [{labe...

2016-06-08 13:20:25 (214)

jquery中get和post的简单实例

例子:test.html页面引用<script type="text/javascript" src="jquery-1.3.2.min.js"></script>内容有:<div id="divMsg">Hello World!</div>用法1:(页面载入时读取远程页面内容到divMsg)$("#divMsg").load(http:/...

2016-06-29 05:27:42 (162)

JS常用知识点整理

1.CORSCORS(Corss-Origin Resource Sharing,跨资源共享),基本思想是使用自定义的HTTP头部让浏览器与服务器进行沟通,从而决定请求或响应的成功或失败。即给请求附加一个额外的Origin头部,其中包含请求页面的源信息(协议、域名和端口),以便服务器根据这个头部决定是否给予响应。2.document.domain将页面的docume...

2016-01-09 05:29:08 (73)

Layui table 组件的使用之初始化加载数据、数据刷新表格、传参数

背景笔者之前一直使用 bootstrap table ,因为当前项目中主要使用 Layui 框架,于是也就随了 Layui table ,只是在使用的时候出现了一些问题,当然也是怪自己不熟悉的锅吧!出现的问题:1、使用 Layui 官方提供的 【转换静态表格】 方式初始化加载时报 id 找不到的错误(自己的锅)2、传递参数问题(姑且算是 Layui 官方的锅)笔者使用的 tab...

2016-03-06 05:40:22 (92)

JavaScript保留两位小数的2个自定义函数

对于一些小数点后有多位的浮点数,我们可能只需要保留2位,但js没有提供这样直接的函数,所以我们得自己写函数实现这个功能,代码如下:复制代码 代码如下:function changeTwoDecimal(x) {    var f_x = parseFloat(x);    if (isNaN(f_x)) {        alert('function:chang...

2016-05-19 12:46:30 (58)

JS常见问题之为什么点击弹出的i总是最后一个

在前端群里看见过很多人问过这个问题,今晚又有人问了这个问题,所以写篇文章整理一下。首先看一下代码,点击li之后弹出当前li所对应的索引值。于是很多人刷刷刷写出了下面的代码。var aLi = document.getElementsByTagName('li');for(var i = 0; i < aLi.length; i++){ aLi[i].oncli...

2016-11-28 14:30:23 (216)

EasyUI创建人员树的实例代码

最近做了一个树状的下拉列表,在这里记录一下,以后可以直接使用项目中的树状下拉列表是用来选择人员用的,具体实现展示如下:先说一说功能,左边的人员数是提供选人的,当点击中间的按钮,选中的人员会直接移到右边,如果要删除已选中的人员,只需要双击右边人的姓名即可,点击确定进行集体的业务逻辑操作,一般就是新增人员到某一个表中。我们再来看看这个DIV的...

2016-11-08 08:38:22 (114)

onkeypress字符按键兼容所有浏览器使用介绍

复制代码 代码如下:...

2016-09-14 15:20:10 (90)

javascript实现的简单的表单验证

表单验证几乎是不可缺少的,有的表单验证是在后台完成的,有的则是使用JavaScript在在前端完成基本的验证,这样可以有效的减轻服务器的压力,下面就介绍一下JS实现的最简单的表单验证。代码实例如下:<!DOCTYPE html><html><head><meta charset=" utf-8"><title>脚本之家...

2016-04-16 13:21:35 (295)

jquery高级编程的最佳实践详解

加载jQuery1.坚持使用CDN来加载jQuery,这种别人服务器免费帮你托管文件的便宜干嘛不占呢。点击查看使用CDN的好处,点此查看一些主流的jQuery CDN地址。复制代码 代码如下:<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.m...

2016-07-08 11:26:36 (79)

Javascript非构造函数的继承

一、什么是"非构造函数"的继承?比如,现在有一个对象,叫做"中国人"。复制代码 代码如下:var Chinese = { nation:'中国' };还有一个对象,叫做"医生"。复制代码 代码如下: var Doctor ={ career:'医生' }请问怎样才能让"医生"去继承"中国人",也就是说,我怎样才能生成一个"中国...

2016-11-10 12:41:04 (110)

让IE8浏览器支持function.bind()方法

IE8支持function.bind()方法<script type="text/javascript"> if (!Function.prototype.bind) { Function.prototype.bind = function (oThis) { if (typeof this !== "function") { throw new TypeError("Function....

2016-09-08 01:15:25 (124)

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