这里介绍一种js创建简单map对象的方法:function Map()
{//创建object对象, 并给object对象添加key和value属性 var obj1=new Object();var obj2=new Object(); obj1.key="zhangsan" ;obj1.value=23;obj2.key="lisi";obj2.value=25;//创建一个数组,将创建的object对象放如到数组中去var map=new Array(obj1,obj2);
}
这里只是一中最简单的map()的构建方式,将含有键值对的object对象存入到Array数组中,就形成了类似...
在其他语言中十分常见的字符串格式化输出,居然在 Javascript 中不见踪影,于是决定自己实现该方法,以下就是个人编写的最简洁实现:String.prototype.format = function(){var args = arguments;returnthis.replace(/\{(\d+)\}/gm, function(ms, p1){returntypeof(args[p1]) == ‘undefined‘ ? ms : args[p1]});
} 应用示例:>>> "{0} is not {1}".format("Linux", "Unix")
"Linux is not Unix" 原文:http://www.cnblogs.com/if...
代码::注意:原始的replace()方法只能替换第一个字符串checkString.prototype.replaceAll = function (s1, s2) {returnthis.replace(new RegExp(s1, "gm"), s2);
}var data = "check out,check in";
var li = data.replaceAll(‘check‘,‘checked‘); 原文:http://www.cnblogs.com/tianhengblogs/p/7050925.html
要自己写一个自定义滚动条加上滚轮事件,之前的没有滚轮事件不完整,今天整理了一个。1.滚轮事件是不兼容的,firefox中是必需要用事件绑定的添加,用的DOMMouseScroll,当滚动鼠标的时候,只要鼠标滚动的方法就行了,而这通过检测datail的正负号就可以确定2.其他的用mousewheel(Ie是onmousewheel),通过检测wheelDelta 1 <!doctype html>2 <html>3 <head>4 <title>拖拽-加滚轮</title>5 <style>6 .main{ width: 300...
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="x-ua-compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Title</title>
</head>
<body>
<div ></div><div ></div><script>
// 动态时钟
function showDateTime() {var sWeek = new Array("日", "一", "二", "三", "四", "五", "六"); //声明数组存储一周七天var myDate = new Date();...
上文已经讲input[type=radio]的做法发布,在我做input[input=checkbox]时候,觉得会和radio做法差不多,结果是有相似之后,但也有很大不同。不同点有1)checkbox自带冒泡和捕获事件,结果就是点击一下包裹checkbox的label会发生两次事件,也就是checkbox选中了,然后又不选中了,所以在对label绑定事件时候,需要停止冒泡2)选中chekbox需要使用chekbox自带的checked属性,设置该属性的选中和被选中状态,这个与radio一致代码如下 ...
这节对Popups这一章的最后两个例子进行介绍和解析。第一个【Popup Actions】介绍了弹窗中如何自定义工具按钮(名为actions),以PopupTemplate+FeatureLayer的形式测量要素的长度为例子进行介绍。第二个【Custom popup actions per feature】则是上一个的升级,如果说上一个例子的功能是写死的,那么这个例子就把这个功能写活了。什么意思呢?上个例子的测距仅仅能测距,没有什么别的特别的。而这个例子以啤酒店的分布(点要素图层...
事件是与DOM交互的最常见的方式,但它也可以用于非DOM代码中--通过实现自定义事件.实现自定义事件的原理是创建一个管理事件的对象.第一步:创建事件对象function EventTarget(){ this.handlers = {};//存储结构:{事件名1:[func1,func2……],事件名2:[func1,func2……]……}}EventTarget.prototype = {constructor:EventTarget,//添加事件addHandler:function(type,handler){ if(typeof this.handlers[type] == "undefined")...
之前写了篇文章《原生javascript实现类似jquery on方法的行为监听》比较浅显,能够简单的使用场景。这里的自定义事件指的是区别javascript默认的与DOM交互的事件,比如click,mouseover,change等,有时候我们需要监听某一行为是否发生,很显然默认的行为不够用,比如一个场景。我们写好了tab切换,点击后请求加载隐藏标签的内容。tab切换是非常常用的一个功能,通常会写成组件,如果每次把请求写在组件里肯定对组件拓展和耦合性有影...
使用<audio>和<video>元素的play()和pause()方法,可以手工控制媒体文件的播放。组合使用属性、事件和这两个方法,很容易创建一个自定义的媒体播放器,如下面的例子所示。 1<div class="mediaplayer"> 2<div class="video"> 3<video id="player" src="movie.mov" poster="mymovie.jpg" 4 width="300" height="200"> 5 Video player not available.6</video> 7</div> 8<div class="controls"> 9<input type="button" ...
“通过事件机制,可以将类设计为独立的模块,通过事件对外通信,提高了程序的开发效率。” 可以把多个关联但逻辑复杂的操作利用自定义事件的机制灵活地控制好对象之间通过直接方法调用来交互1)对象A直接调用对象B的某个方法,实现交互;直接方法调用本质上也是属于一种特殊的发送与接受消息,它把发送消息和接收消息合并为一个动作完成;方法调用方和被调用方被紧密耦合在一起;因为发送消息和接收消息是在一个动作内完成,所以无...
转载:http://blog.sina.com.cn/s/blog_610f47c50100ohe4.html原理其实很简单:首先绘制弹出的自定义对话框,将其使用display:none隐藏,因为设置为none,其在页面中并不占用空间;遮蔽罩使用一个div,然后将其宽高设置为整个显示窗口大小,配置其透明度,在将其z-index属性大于主页面的z-index的值,也就是遮蔽层在主页面上方,如此即可 事先隐藏一个div,在需要的时候调出显示既可。<!--以下代码从网上多处学习整合而成,由于来源...
1 获取标签属性语法: element.getAttribute(‘属性名‘) 返回对应属性的值 ,如果没有返回null.//html
<div id="box" index="0"></div>//jsvar box = document.getElementById(‘box‘);
var value = box.getAttribute(‘index‘);
console.log(value) // 02 设置自定义属性的值语法: element.setAttribute(‘属性名‘, ‘属性的值‘) 返回undefined//html
<div id="box" ></div>//jsvar box = document.getElementById(‘box‘);
b...
function aa1511() { var chengshi="马鞍山"; var shengfen="安徽省"; return shengfen+"@"+chengshi; } function xialachaxun() { var hanshu=aa1511().split("@"); alert(hanshu[0]+‘,‘+hanshu[1]); }原文:http://www.cnblogs.com/smght/p/5266494.html
右键菜单的设定主要是通过contextmenu事件来激活,由于contextmenu事件是冒泡的,所以可以为document来指定事件,进行页面中该事件的统一处理。同时,因为contextmenu是一个鼠标事件,所以在event中包含有鼠标位置等一系列信息,可以通过这个来实现对浏览器右键菜单的模拟。为了兼容现在的主流浏览器,所以先做一个通用的事件加载函数:1function eventHandler(dom,type,fn){
2if(typeof dom.addEventListener != ‘undefined‘){
...