1. Humble Finance这是一个非常好用的HTML5数据可视化工具,与Flash工具颇为相似。基于JavaScript,利用了Prototype 和 Flotr 库,可用于显示两组实时二维数据。
2. D3D3是最流行的可视化库之一,它可以将任意数据绑定到DOM(Document Object Model,文档对象模型),然后对该文件提供数据驱动转换。还可以将一组数据生成基本的HTML表,或生成一个SVG条形图。
3. RickshawRickshaw可以创建交互时间序列图。它依赖于D3的可视化库,需...
switch语句用于基于不同的条件来执行不同的动作。JavaScript switch 语句使用switch语句可以进行多项选择。语法: switch( 变量1 ){ case 变量2: //语句1; break; case 变量3: //语句2; break; default: //语句3; }执行原理:变量1的值跟case 的值进行比较。比如 变量1等于case 变量2,就执行语句1。如果变量1等于 case 变量3 就执行语句2,如果都...
问题背景太久没写,有些忘记JS的一些知识点.今天遇到构造函数中的this指向问题.作此摘抄,以备再次忘记.以下文章均来自互联网.在底部标有出处.感谢开放的互联网技术??摘抄段落1、在许多文献中关于this的指向 都是 谁调用这个方法 这个方法内的this就指向谁;可是为什么构造函数里面的this会指向实例呢,当然,我这里并不是调用的原型里面的方法。
2、代码如下:
function p(){console.log(this)}new p();
function fn(){console.log(...
C#中有很多易混淆的关键词,例如delegate,Func, Action和 Predicate。Func, Action和 Predicate本质上都是delegate,下面看一下delegate概念。1 delegate概念 delegate本质上就是一个指向函数的指针,可以指向不同的函数,只要函数的签名和代理一致即可。2 delegate应用 其实Func, Action, Predicate等都是delegate,只是特殊的delegate而已。delegate的巧妙应用,可以大大简化代码和提高灵活性。下面有一段Javascript代码,...
1.javascript代码插入html里面主要利用<script></script>元素: 本页面插入js代码:<script type="text/javascript"></script> 引入外部资源文件:<script type="text/javascript" src="path.js"></script>注:页面在解析中遇见任何</script>节点都会结束对当前js代码的解析:如alert("</script>")可以写成alert("</sc"+"ript>"),引入外部资源文件可以是不在同一服务器上面的文件,但是必须保证外部的资源能够正常访问。2.j...
确实 confirm 确认弹窗 onclick 内部引入<script type="text/javascript"> alert(小写) ALERT(大写)</script> 浏览器不支持 <noscript> 行内引入 <a href="javascript:confirm(‘字符串‘);"></a> 外部引入 <script src="路径“ type="text/javascript" charset="utf-8"></script> 控制台 console.logvar ...
JavaScript 权威指南(4): JavaScript 的作用域和提升原文地址:http://dyy.im/4406.html你知道下面的 JavaScript 程序执行时会输出什么值吗?var foo = 1;
function bar() {if (!foo) {var foo = 10;}alert(foo);
}
bar();
答案是“10”,吃惊吗?那么下面的可能会真的让你大吃一惊:var a = 1;
function b() {a = 10;return;function a() {}
}
b();
alert(a);
这里浏览器会弹出“1”。这里发生了什么呢?这似乎看起来是奇怪,未知...
丰富自己的javascript类库 每个优秀的开发者都会形成自己的类库,作为一个java开发者,我们也会写一大堆的工具类,用于简化我们的开发工作。但是作为一个全站攻城狮,不仅仅只是懂的形成java的类库,javascript的类库也同样重要。好啦,这篇文章不多说废话,下面对的代码提供了一些非常方便的工具类,或者是对javascript已有对象的扩展,比如字符串的扩展,日期对象的扩展,数组的扩展等。同样的,也提供了一个StringBuffer...
定场诗伤情最是晚凉天,憔悴厮人不堪言;
邀酒摧肠三杯醉.寻香惊梦五更寒。
钗头凤斜卿有泪,荼蘼花了我无缘;
小楼寂寞新雨月.也难如钩也难圆。前言本章为重读《学习JavaScript数据结构与算法》的系列文章,该章节主要讲述数据结构-链表,以及实现链表的过程和原理。链表链表,为什么要有这种数据结构呢?当然,事出必有因!数组-最常用、最方便的数据结构,But,当我们从数组的起点或中间插入或移动项的成本很高,因为我们需要移...
JavaScript中的this总是让人迷惑,应该是js众所周知的坑之一。 个人也觉得js中的this不是一个好的设计,由于this晚绑定的特性,它可以是全局对象,当前对象,或者…有人甚至因为坑大而不用this。 其实如果完全掌握了this的工作原理,自然就不会走进这些坑。来看下以下这些情况中的this分别会指向什么: 1.全局代码中的this1alert(this)//window 全局范围内的this将会指向全局对象,在浏览器中即使window。 2.作为单纯的...
1、自定义右键菜单<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css" media="screen">
#div1 {width: 100px;height: 100px;border: 1px solid #000;position: absolute;background: #CCC;display: none;}
</style>
<script>
//阻止默认事件:右键菜单
// document.oncontextmenu=function () {
// return...
JavaScript使用DOM操作节点来进行增删改操作<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript操作DOM节点</title>
<script type="text/javascript">var flag = "帐号";var flag1 = 0;function modifyDOM() {if (flag1 == 1) {document.getElementById("txt").innerHTML = "帐号:";document.getElementById("userName").value = "fuck";flag1 = 0;}else if (flag1 == 0) {document.getElementById("txt")....
1. document.write( " "); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document- >html- >(head,body) 4.一个浏览器窗口中的DOM顺序是:window- >(navigator,screen,history,location,document) 5.得到表单中元素的名称和值:document.getElementById( "表单中元素的ID號 ").name(或value) 6.一个小写转大写的js: document.getElementById( "output ").value = document.getElementById( "input ").value.toUpperCase(); 7.J...
1<div >2 性别:<input type="radio" id="Radio1" name="rdoSex" value="男"/>男
3<input type="radio" id="Radio2" name="rdoSex" value="女"/>女
4<input type="button" id="btn1" value="click me"/><br/>5<input type="checkbox" name="play" id="ckb1" value="足球"/>足球
6<input type="checkbox" name="play" id="ckb2" value="篮球"/>篮球
7<input type="checkbox" name="play" id="ckb3" value="排球"/>排球
8</div>h...
把JavaScript文件放在head中标准方法是把JavaScript文件放到head标签内。<head><scripttype="text/javascript"src="dreamdu.js"></script></head>如果浏览器不支持JavaScript,将忽略script标签里面的内容,可以避免使用<!-- ... //-->(内部引用)。当JavaScript有任何HTML实体时,也不需要使用CDATA标签了(因为JavaScript代码不直接在HTML文件中)。JavaScript文件必须使用js为文件后缀。把JavaScript文件放在body前为防止网页加载缓...