您现在的位置:首页 > WEB前端 > JavaScript > 

WEB前端  /  JavaScript频道头条

详解如何在react中搭建d3力导向图
D3js力导向图搭建 d3js是一个可以基于数据来操作文档的JavaScrip...
微信小程序实现的涂鸦功能示例【附源码下载】
本文实例讲述了微信小程序实现的涂鸦功能。分享给大家供大家...
JS随机排序数组实现方法分析
本文实例讲述了JS随机排序数组。分享给大家供大家参考,具体...

WEB前端  /  JavaScript相关栏目

JavaScript数组和循环的使用

数组是元素的一个有序组合。在JavaScript中,数组可以使用正式的对象表示法来创建,或者可以使用直接量表示法来初始化。 vararrObject=newArray(val1,val2);//作为对象的数组 vararrLiteral=[val1,val2];//数组直接量 对于开发者来说,这没有区别:在直接量和对象上都...

日期:2017-05-01 00:31:30

点击:177 好评:0

js对象, 数组 , json 互相转换

最近因为前后台传输数据,决定统一用json来做,前台js原生支持json,后台用php json_decode解析一下就行,方便ajax的交互 前台本来用的jquery ,但是jquery对json的支持不是很好,所以就用的第三方的json解释器 js中对象转json ,数组转json以前都是用的 json.org/js...

日期:2017-05-01 00:30:51

点击:108 好评:0

在javascript中使用cookie

使用Cookies我们已经知道,在document对象中有一个cookie属性。但是Cookie又是什么?某些Web站点在您的硬盘上用很小的文本文件存储了一些信息,这些文件就称为Cookie。MSIE帮助。一般来说,Cookies是CGI或类似,比HTML高级的文件、程序等创建的,但是javascript也提供了对...

日期:2017-05-01 00:30:06

点击:163 好评:0

c#和javascript混合编写

在asp.net开发中,经常会用到后台和前台的交互,就此总结了一点c#和javascript相互操作的方法 1.在后台c#代码中调用jacascript的方法 Javascript script type=text/javascript language=javascript function test() { alert(oec2003); return false; } /script c#...

日期:2017-05-01 00:29:19

点击:142 好评:0

Javascript循环变量声明应该放在什么位置

小细节也有大学问,相信很多Javascript开发者都在声明循环变量时犹豫过var i到底应该放在哪里:放在不同的位置会对程序的运行产生怎样的影响?哪一种方式符合Javascript的语言规范?哪一种方式和ecma标准未来的发展方向匹配?本文将对四种常见的声明循环变量的书写方式...

日期:2017-05-01 00:28:01

点击:129 好评:0

JavaScript脚本中split()的使用方法详细解析

你对JavaScript 中split() 方法的使用了解多少,这里和大家分享一下,相信本文介绍一定会让你有所收获。 JavaScript split() 方法 定义与用法 split()方法用于将一个字符串分解成一个数组对象。 语法 stringObject.split(separator,howmany) 注意 注意:如果用空字...

日期:2017-05-01 00:26:40

点击:97 好评:0

JavaScript中使用for循环遍历数组

JavaScript中使用for循环遍历数组 发布时间:2014-04-15 来源:服务器之家 以我几十年C,十几年C++,几年C#的功力,最近看javascript看的我high得很。因为混着看Ruby,看的我有点神经错乱了。今天说说javascript的数组和for循环,这两个家伙干到一起总有些有趣的地方。 数组...

日期:2017-05-01 00:25:13

点击:201 好评:0

JavaScript程序中如何设置延时

在JavaScript中,有两种方式可以设置时延(time delay)。第一种方式很简单,这种方法会先等待所设定的时长,然后再运行函数代码。第二种也是一样,只是它会重复运行函数代码。 注意,许多浏览器的最小时延值在25到75毫秒之间,一些极速浏览器的最小时延可达3毫秒。如果设置的...

日期:2017-05-01 00:24:32

点击:167 好评:0

JavaScript程序设计基础教程课后习题答案

1课后习题 1.以下哪个选项是JavaScript技术特征( D )。 A.解释型脚本语言 B.跨平台 C.基于对象和事件驱动 D. 具有以上各种功能 2.编辑JavaScript程序时( C )。 A.只能使用记事本 B.只能使用FrontPage编辑软件 C.可以使用任何一种文本编辑器 D.只能使用Dreamweaver编辑工具 3...

日期:2017-05-01 00:23:19

点击:230 好评:0

在javascript脚本中使用JSON进行数据传输

一、选择的意义 在异步应用程序中发送和接收信息时,可以选择以纯文本和 XML 作为数据格式。为了更好的使用ajax, 我们将学习一种有用的数据格式 JavaScript Object Notation (JSON ),以及如何使用它更轻松地在应用程序中移动数据和对象。JSON 是一种简单的数据交换...

日期:2017-05-01 00:22:20

点击:87 好评:0

表单select元素用js设置默认值的方法

首先设置select元素的ID,然后通过JS直接给select元素付即可。此方法通过AJAX方式获取联动数据的时候非常方便,在显示选项时也无须再判断哪个选项应该设为默认值。提高程序的执行效率和开发效率。 例如: HTML代码 select name=mgroup_big_category id=mgroup_big_c...

日期:2017-05-01 00:21:36

点击:95 好评:0

JavaScript中如何使用正则将br替换为换行符

今天在修过模版的时候,需要用到将br替换为换行符,一般rn就可以了,如果少些一个兼容性就出现问题了 正则替换换行符 和把br/替换成换行符 例子:str = str.replace(/rn/g,br/);//把换行符替换成br/,注意:rn为正则表达式的快捷方式不能用/r/n或/r/n str = str.replace(/...

日期:2017-05-01 00:20:51

点击:177 好评:0

JavaScript 语句

JavaScript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。 JavaScript 语句 JavaScript 语句是发给浏览器的命令。 这些命令的作用是告诉浏览器要做的事情。 下面的 JavaScript 语句向 id=demo 的 HTML 元素输出文本 你好 Dolly : 实例 document ....

日期:2017-04-18 00:40:08

点击:142 好评:0

jQuery 源码分析笔记

jQuery的宗旨是Write Less, Do More。它对 Java Script的开发风格侵入性不如YUI那么强,当然也不如Dojo和YUI如此庞大。它极大的简化了 Java Script的日常开发工作,主要是DOM元素的操作(从名字Query就可以看出)。另外一个主要工作就是每个前端开发者都需要面对的浏...

日期:2017-04-09 22:44:33

点击:99 好评:0

javascript 两种声明函数的方式的分析

javascript 声明函数 Java Script有两种声明函数的方式,一个是函数表达式定义函数,也就是我们说的匿名函数方式,一个是函数语句定义函数,下面看代码: /*方式一*/ var FUNCTION_NAME = function() { /* FUNCTION_BODY */}; /*方式二*/ function FUNCTION_NAME () { /...

日期:2017-04-09 22:44:01

点击:138 好评:0

SSH结合jquery实现三级联动效果

本文实例为大家分享了jquery实现三级联动的具体代码,供大家参考,具体内容如下 jsp页面部分: li id=floors span class=title id=floorShow选择楼栋:/span select name=build id=build style=width: 282px;height: 40px; onchange=floor2() /select /li li id=build...

日期:2017-04-09 22:43:36

点击:107 好评:0

JavaScript的基本类型值-String类型

大致介绍 String类型用于表示由零或多个16位Unicode字符组成的字符序列,即字符串。在 Java Script中没有单个的字符型,都是字符串。字符型就相当于只包含一个字符的字符串。 引号 字符串可以由双引号()或单引号()表示,但是要注意,如果是双引号开始就要以双引号结束,单双...

日期:2017-04-09 22:43:05

点击:148 好评:0

如何编写javascript的gulp插件

很久以前,我们在细说gulp随笔中,以压缩JavaScript为例,详细地讲解了如何利用gulp来完成前端自动化。 再来短暂回顾下,当时除了借助gulp之外,我们还利用了第三方gulp插件gulp-uglify,来达到压缩JavaScript文件的目的。 代码如下: 今儿,我们的重点就是,自己也来实现一个gu...

日期:2017-04-09 22:41:16

点击:144 好评:0

java2d闪电效果

java2d闪电效果 克隆地址 一键复制 原始数据 历史 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 6...

日期:2017-04-05 01:06:38

点击:89 好评:0

Promise异步 简单实例.txt

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 // jQuery的Deferred处理 $(button:last).click(function() { function animate1() { var dtd = $.Deferred(); // 生成Deferred对象 $(#block3).animate({ width...

日期:2017-04-05 01:01:19

点击:73 好评:0

IE 在创建 DOM 树时会忽略某些空白字符

Node(节点)不仅包括元素节点,也包含文本节点、注释节点、属性节点等等,节点的类型可以使用 nodeType 来区分。 在 HTML 源代码中,位于标签之内以及标签之间的文本(包括空白字符)将被创建为文本节点。 关于 Node 的更多信息,请参考 DOM-1 Core Interface Node 及 DOM-2...

日期:2017-02-12 01:02:59

点击:230 好评:0

各浏览器中的 NodeList 接口存在差异

NodeList 接口是由 DOM Level-1-Core 引入的,它是一个有序的节点集合抽象,它提供了一个用来获取节点数量的属性 length 和一个用来获得集合中指定索引的节点的方法 item。 在有些浏览器中,一个 NodeList 对象也具备 HTMLCollection 接口提供的方法。 关于 NodeLis...

日期:2017-02-12 01:02:27

点击:216 好评:0

IE 中一个对象的 native 方法是跟该对象绑定的

在 IE 中将一个 DOM 或 BOM 对象的原生方法赋给一个变量后,该变量可以成功调用。 造成的影响 在非 IE 浏览器中可能导致脚本异常,停止解析。 受影响的浏览器 IE 问题分析 这里使用 document.getElementById 来说明问题。 在前端开发过程中经常需要使用 document....

日期:2017-02-12 01:02:01

点击:213 好评:0

IE 混淆了 DOM 对象属性(property)及 HTML 标签属性(attribut

根据 DOM (Core) Level 1 规范中的描述,getAttribute 与 setAttribute 为 Element 接口下的方法,其功能分别是通过 name 获取和设置一个元素的属性(attribute)值。getAttribute 方法会以字符串的形式返回属性值,若该属性没有设定值或缺省值则返回空字符串。setAttri...

日期:2017-02-12 01:01:27

点击:273 好评:0

Firefox 和 Opera 不支持 "document.styleSheets" 通

根据 W3C DOM Level2 Style 规范中的描述,document.styleSheets 返回一个 StyleSheetList 抽象接口对象,StyleSheetList 是一组类似 collection 的 StyleSheet 接口对象的集合,可以通过以 0 起始的整数作为下标来获取其内的每一个 StyleSheet。 而 StyleSheet 则...

日期:2017-02-12 01:00:32

点击:192 好评:0

仅 IE 中的 createElement 方法支持传入 "HTML String"

根据 W3C DOM Level2 Core 规范中的描述,Document 接口下的 createElement 方法可以创建一个元素节点对象实例。它可以传入一个字符串参数 tagName,在 HTML 中,这个参数可以是任何形式,必须是映射到可由 DOM 实现的符合规范的大写形式。即,tagName 应为一个合法的标...

日期:2017-02-12 01:00:04

点击:185 好评:0

IE6 IE7 IE8 中 getElementsByName 方法的参数不区分大小写

标准参考 document.getElementsByName(elementName) 方法是 HTMLDocument 接口提供的方法,该方法传入的参数应该是目标元素的 name 属性的值: NodeList getElementsByName(in DOM String elementName); 目标元素的 name 是一个大小写敏感的字符串,仅 BUTTON, TEXT...

日期:2017-02-12 00:59:30

点击:182 好评:0

各浏览器对于 document、document.body、document.documentEleme

标准参考 scroll 事件会在文档或一个元素滚动时触发。 有关 scroll 事件的详细资料: 参见:W3C DOM Level-2 规范 参见:W3C DOM Level-3 草案 问题描述 各浏览器 document、document.body、document.documentElement 对象的 onscroll 事件的支持存在差异。 造成的...

日期:2017-02-12 00:59:08

点击:163 好评:0

各浏览器对于 DOM 对象的鼠标滚轮事件事件存在差异

问题描述 元素的 mousewheel 事件在各浏览器中存在差异。 造成的影响 此问题可能会使预想的动作无法执行。 受影响的浏览器 所有浏览器 问题分析 1. onmousewheel 事件 鼠标滚轮事件是 onmousewheel,它适合所有的 HTML element,也就是所有 HTML 对象和 XHTML 对...

日期:2017-02-12 00:58:31

点击:89 好评:0

插入空白页面 IFRAME 元素时 Chrome Safari Opera 浏览器中会触

问题描述 插入空白页面 IFRAME 元素时 Chrome Safari Opera 浏览器中会触发 load 事件。 造成的影响 Chrome Safari Opera 浏览器中,在插入 src 属性未设置或设置为空字符串的 IFRAME 元素后立即修改其 src 属性值,会导致 IFRAME 标记绑定的 load 事件再被触发。...

日期:2017-02-12 00:57:13

点击:74 好评:0

仅 IE 和 Firefox 支持 window 对象的 onerror 事件

问题描述 IE 和 Firefox 提供了对 window.onerror 事件的支持,当页面内的 JavaScript 脚本出现错误时,window.onerror 被触发。 造成的影响 若希望通过 window.onerror 事件屏蔽页面中的脚本错误,或者获取页面脚本错误的信息,则在不同浏览器中会产生差异。 受影响...

日期:2017-02-12 00:56:48

点击:214 好评:0

各浏览器对元素在没有设置 tabindex 属性时触发 onfocus 事件以

标准参考 根据 W3C HTML4.01 规范中的描述,onfocus 是 HTML 中的标准事件,它在元素通过鼠标或者键盘 TAB 导航获得焦点时触发,一般应用在 A、AREA、LABEL、INPUT、SELECT、TEXTAREA、BUTTON 元素上。此事件不冒泡。 A、AREA、BUTTON、INPUT、OBJECT、SELECT 与 TE...

日期:2017-02-12 00:56:23

点击:143 好评:0

各浏览器对页面 onload 事件处理方式不一致

问题描述 页面加载完成后会触发 onload 事件,通常下会使用 window.onload 、 document.body.onload、 HTMLIFrame.onload 方法来处理他;但是各浏览器对页面 onload 事件处理方式并不一致,这些方法可能会导致页面加载完成后无法触事件处理函数。 造成的影响 window...

日期:2017-02-12 00:55:54

点击:116 好评:0

IE Chrome Safari 在计算 'overflow' 特性值为 visible 的容器

问题描述 各浏览器计算不包含在普通流中的内容元素的 scrollHeight 值时结果有差异。 造成的影响 造成不同浏览器下 scrollHeight 属性返回值各有不同,从而可能使依赖这个数值的应用功能点出现问题。 受影响的浏览器 IE Chrome Safari 问题分析 scrollHeight 最...

日期:2017-02-12 00:55:33

点击:70 好评:0

提高JavaScript的递归效率

影 响JavaScript性能的另外一个杀手就是递归,在上一节中提到采用 memoization技术可以优化计算数值的递归函数,但memoization不是万能的,不是所有的递归函数都可以用memoization技术优 化,本文介绍了这些情况,并介绍了解决办法,就是将递归转换为迭代,同时需要注意,本文...

日期:2017-02-12 00:55:12

点击:99 好评:0

radio与text的input实现联动选择

span onclick=doradio()10input type=radio name=r1 value=10br9input type=radio name=r1 value=9br8input type=radio name=r1 value=8br7input type=radio name=r1 value=7br6input type=radio name=r1 value=6/spanbr input type=text name=t1 onchange=do...

日期:2017-02-12 00:54:52

点击:187 好评:0

解决javascript中的window.open返回object的错误

系统中用javascript中的window.open后,页面返回了一个[ object ]。因为系统的原因,必需使用href=javascript:window.open()这样的格式。所以只能通过以下办法解决。 解决window.open后返回 object 的错误 a href=javascript: void (window.open(,,width=200,heig...

日期:2017-02-12 00:54:33

点击:106 好评:0

JS中的undefined与null的区别

在JavaScript开发中,被人问到: null 与undefined到底有啥区别? 一时间不好回答,特别是undefined,因为这涉及到undefined的实现原理。于是,细想之后,写下本文,请各位大侠拍砖。 总所周知: null == undefined 但是: null !== undefined 那么这两者到底有啥区别呢? 请听俺娓...

日期:2017-02-12 00:54:11

点击:197 好评:0

用js获取url各部分参数

对于这样一个URL: http://www.aspx8.com.cn:80/fisker/post/0703/window.location.html?ver=1.0id=6#imhere 我们可以用javascript获得网址的各个部分信息 1, window.location.href 整个URl字符串(在浏览器中就是完整的地址栏) 本例返回值: http://www.aspx8.co...

日期:2017-02-12 00:53:48

点击:106 好评:0

JavaScript兼容IE,firefox的拖拽功能

JavaScript兼容IE,firefox的拖拽功能: html xmlns=http://www.w3.org/1999/xhtml lang=utf8 head title 代码实例:拖动对象 Drag Object (兼容:IE、Firefox、Opera ... )title meta http-equiv=content-type content=text/html; charset=utf8 / meta name=keywor...

日期:2017-02-12 00:53:24

点击:125 好评:0

多个滑动门重复调用,JavaScript,Css

代码简介:一款能用的CSS滑动门能用类,在滑动门与选项卡之间切换很容易,只需将onmouseover 改成onclick即可,而且它也支持在同一页面多次调用重复使用,大大增加了易用性,代码中的注释也比较全面,推荐给大家。 代码内容: html head title 多个滑动门重复调用(JavaScript+...

日期:2017-02-12 00:52:57

点击:157 好评:0

JavaScript中defer,和onload的执行顺序

1scriptlanguage=JavaScripttype=text/javascriptdefer=defer 2alert(defer里的内111容) 3/script 4scriptlanguage=javascripttype=text/javascript 5alert(普通的script); 6document.onload=alert(onload里的script); 7/script 8 body 9DDDDDDDDDDDDDDDDDDDD...

日期:2017-02-12 00:52:35

点击:199 好评:0

用JavaScript,CSS实现Mootools竖排动画菜单

!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 title 用JavaScript+CSS实现Mootools竖排动画菜单_网页代码站(www.webdm.cn) /title...

日期:2017-02-12 00:51:54

点击:140 好评:0

javascript,object,oriented,programming

/* *非构造函数,那就是只要不是构造函数的 * 两个对象都是普通对象,不是构造函数,无法使用构造函数方法实现继承。 * json格式的发明人Douglas Crockford,提出了一个 object ()函数,可以做到这一点。 */ var chinese = {nation:中国} var Doctor = {career:医生}//...

日期:2017-02-12 00:51:36

点击:108 好评:0

还不错来自老外的Milonic,DHTML,JavaScript,Menu菜单导航

代码简介:还不错来自老外的Milonic DHTML/JavaScript Menu菜单导航,老外写的,动画效果,赞一个。 代码内容: html head title 还不错来自老外的Milonic DHTML/JavaScript Menu菜单导航_网页代码站(www.webdm.cn) /title style type=text/cssBODY{FONT-FAMILY:verdana...

日期:2017-02-12 00:51:08

点击:98 好评:0

javascript日期时间函数(全)

javascript日期时间函数(全) 日期时间脚本库方法列表 Date.prototype.isLeapYear 判断闰年 Date.prototype.Format 日期格式化 Date.prototype.DateAdd 日期计算 Date.prototype.DateDiff 比较日期差 Date.prototype.toString 日期转字符串 Date.prototype.toA...

日期:2017-02-12 00:50:37

点击:162 好评:0

不会JavaScript能混前端么?能拿到高薪么?

不会JavaScript能混前端么?能拿到高薪么? 答案是: 很难! 为什么这么说呢,理由很简单 1)有很多企业不注重前端开发,当然也就不会给你高薪了,这样的企业以小企业居多。 他们一般对前端开发的认识很片面,认为前端开发就是做页面,甚至认为是美工工作的一部分,这种企业相对来...

日期:2017-02-12 00:49:35

点击:124 好评:0

Node.js v0.10.1发布 在线下载

终于Node.js v0.10.1 稳定版发布了,尝鲜的民工快速下载吧,主要改进记录包括: npm: upgrade to 1.2.15 crypto: Improve performance of non-stream APIs (Fedor Indutny) tls: always reset this.ssl.error after handling (Fedor Indutny) tls: Prevent mid-stre...

日期:2017-02-12 00:49:10

点击:123 好评:0