在JavaScript中,创建一个具有自定义属性和方法的对象有很多种模式,下面一一进行介绍。 1、直接创建模式。这是最简单也是最直接的一种模式,首先创建一个引用类型的对象,然后为其添加自定义属性和方法。示例代码如下:1 var person = new Object();2 person.name = "Sam";3 person.age = 16;4 person.speak = function(){5 alert(this.name + "is " + this.age + "years old");6 }7 person.speak(); 可以看到,上面创建了...
过滤器,本质上就是一个函数。其作用在于用户输入数据后,它能够进行处理,并返回一个数据结果。Vue.js 与 AngularJS 中的过滤器语法有些相似,使用管道符(|)进行连接,代码示例如下:{{abc | uppercase}} abc => ABC这里使用了Vue.js 内置的过滤器 uppercase,将字符串中的字母全部转换成大写形式。Vue.js 支持在任何出现表达式的地方添加过滤器,除了上面例子中的 双大括号 表达式之外,还可以在绑定指令的表达式后调用,代...
自定义事件:用户可以指定事件类型,这个类型实际上就是一个字符串,然后为这个类型的事件指定事件处理函数,可以注册多个事件处理函数(用数组管理),调用时,从多个事件处理函数中找到再调用。function EventTarget(){this.handlers={};}EventTarget.prototype={constructor:EventTarget,addHandler:function(type,handler){if(typeof this.handlers[type]==undefined){this.handlers[type]=new Array();}this.handlers[type].p...
自定义右键菜单 自定义右键菜单,对于一些ERP系统,功能操作比较多,所以我们通常把常用的几个功能放在自定义的右键菜单里方便用户使用。 实现自定义菜单很简单,首先我们要屏蔽原始的右键菜单,自定义菜单出现在鼠标的位置,点击隐藏自定义菜单,过程就是这样的。*{margin:0;padding:0} a{text-decoration:none} ul li{list-style:none} .menu{border:1px solid black;border-radius:5px;display:inline-block;position:fixed;t...
一般来说,Select下拉框只能选择,不能用来输入内容。当下拉框没有要选择的信息项时,则需要手动输入。实现思路:通过select与text文本框的结合,具体实现是通过将text文本框覆盖到select下拉框上,只露出三角形部分,再通过onchange()点击函数,给文本框赋值。具体代码如下所示<p style="position:relative;"><span style="margin-left:100px;width:18px;overflow:hidden;"><select id="DanWei" style="width:235px;margin-left:-...
1、dayin() 作用:将id为dayin的内容,新建页面并打印,可解决打印某页面中的部分内容的问题。 使用方法:将要打印的内容通过 包含起来,然后在某个按扭中定义 事件 function dayin() { var code="" code+=document.all.dayin.innerHTML; code=code.toUpperCase(); code=code.replace(/]*>删除<\/A>/gi, ""); code=code.toLowerCase(); var newwin=window.open(,,); newwin.opener = null; newwin.document.wri...
代码如下,动态获取的对象,目前读取其属性没问题的,但不知道怎样调用它的方法(在代码的倒数第4行)。新建网页 1 function myobj(id, str) { this.id = id; this.innerHTML = str; this.init = init; this.show = show; this.init(); } function init() { document.write('' + this.innerHTML + ''); } function show() { alert("MyID="+this.id); } var obj1 = new myobj("idObj1", ""); var obj2 = new myobj("idObj2", ""...
body {margin:0px;padding:0px;font-size:12px;text-align:center;} body > div {text-align:center; margin-right:auto; margin-left:auto;} .content{width:900px;} .content .left{ float:left; width:20%; border:1px solid #FF0000; margin:3px; } .content .center{float:left;border:1px solid #FF0000;margin:3px;width:57%} .content .right{float:right;width:20%;border:1px solid #FF0000;margin:3px} .mo{hei...
我们知道,虽然JavaScript是基于对象(object-based)的语言。但是使用其原形(prototype)特性,我们完全可以实现十分sexy的OO编成框架,这个可以看看经典论坛的文章'基本上实现 javascript 的 OOP (0423版)'。 不过虽然我们实现了'类'这种概念,可是JavaScript的脚本系统却仍然是不认账的。我们并没有办法使用脚本系统中的typeof方法获取自定义类的类型,比如'类'JSClass定义如下: function JSClass() { this.Attribute1 ...
JavaScript为我们提供几种对话框功能,但功能都十分有限;虽然在IE下可以通过模式窗体的方式创建更丰富的对话框功能,但毕竟只有IE得到支持。为了得到更丰富的自定义对话框功能,于是用JQuery编写了一个对话框插件;只需简单地引用相关JavaScript就能得到丰富的自定义对话框功能。 插件功能特点: 允许通过CSS进行外观控制。 可以任意把面页的元素作为对话框显示。 当对话框激活时,对话框外的任何元素不能接受...
//by zdzhuo var d = document; var mk = new Array( '','', '','', '','', '','', '','', '','', '','' ); function mark() { var t = new String(d.body.innerHTML); for(i=0;id.body.innerHTML = t; } zdzhuo zdzhuo zdzhuo JavaScript教程/参考手册 JavaScript热搜 vue2.0 移动端实现下拉刷新和上拉加载更多的示例解决vue-router中的query动态传参问题解决使用vue.js路由后失效的问题微信小程序实...
很多朋友在制作网页过程中总是发现某些时候一些英文会把原来好好的表格撑开而导致变形,虽然可以使用style="table-layout:fixed;word-wrap:break-word;word-break:break-all" 来解决这个问题,但有些时候会导致内容显示不完整而被隐藏了起来,并没有做到自动换行的效果。 于是偶就想写一个这样的函数来修补这个缺陷,这个函数很简单,但这里只是提供一种思路来解决这个问题。 function fnAddBr(id, iPerLineLen){.....} id为要修改...
很多朋友在制作网页过程中总是发现某些时候一些英文会把原来好好的表格撑开而导致变形,虽然可以使用style="table-layout:fixed;word-wrap:break-word;word-break:break-all" 来解决这个问题,但有些时候会导致内容显示不完整而被隐藏了起来,并没有做到自动换行的效果。 于是偶就想写一个这样的函数来修补这个缺陷,这个函数很简单,但这里只是提供一种思路来解决这个问题。 function fnAddBr(id, iPerLineLen){.....} id为要修改...
现在越来越多的浏览器有拦截弹出窗口的功能。广告弹出来给拦掉了就无所谓,要是客户在付款时给拦掉了可就不能乱算了。 Gmail的“哎呀”算是经典,可是,前天心云给出了更帅的提示=。= 记得打开浏览器拦截后 测试一下,在线阅读器里不知道代码会不会给过滤。。代码在下边,其实没什么技术含量滴。挖哈哈。。。 代码如下:window._open=window.open; window.open=function(sURL,sName,sFeatures,bReplace){ if(sName==undefine...
我一般是不看别人写的代码的,为啥?累!而且这位同志给的还是经过压缩的!汗。。。考我是不是?还有,这位同志也不给个示例的代码,只说是代码没有问题。我努力的试着去“破解”,但是脑细胞死的太快了!在我没有变成白痴之前,我毅然决定,不在往下看下去。不就是给自定的对象加入自定事件的支持吗?我写个示例吧,就算是教程了,如果看不懂,我也没有办法了!我不会傻到给你写好代码,让你拿去卖钱的! 好了,下面是我写的代码,...