`

自定义对象与dom对象合并

阅读更多
<script type="text/javascript">
function Obj(o){
	o = document.getElementById(o);
	var me = this;
	for(var key in me){
		o[key] = me[key];
	}
	return o;
}

Obj.prototype.say = function(){
	//注意 这里的this是dom对象了
	alert(this.innerHTML);
}
window.onload =function(){
	//注意这里一定要用new
	var o = new Obj("btn");
	o.onclick=function(){
		alert(this.say);
	}
	
	o.say();
}

</script>
<button id="btn">点击俺</button>

 

分享到:
评论

相关推荐

    10个常用自定义JavaScript函数

    - `extend`: 对象扩展,用于合并两个或更多对象的属性,类似于jQuery的`.extend`。 8. **函数助手**: - `debounce`: 函数防抖,限制函数在一定时间内只执行一次,常用于事件处理。 - `throttle`: 函数节流,...

    dom4j文件下载

    DOM4J是基于Java集合框架的,这意味着它与Java标准库有着良好的集成,使得开发人员能够利用熟悉的概念来处理XML数据。 在XML处理中,DOM(Document Object Model)是一种常见的模型,它将XML文档表示为一个树形结构...

    Jquery对象集合

    1. **jQuery对象与DOM元素** 在JavaScript中,DOM(Document Object Model)元素是网页结构的表示形式,而jQuery对象是对这些DOM元素的封装,提供了一组强大的方法和属性。jQuery对象集合则是一系列jQuery对象的...

    jquery创建并行对象或者合并对象的实现代码

    描述中所提的对象合并问题,实际上可以通过多种方法解决,但是基于问题描述,可以确定的是,我们要做的不仅仅是浅拷贝属性到新对象那么简单,而是要能够保持对象间属性和方法的关联,这样的操作也被称作深拷贝。...

    js 模拟手机桌面,拖拽、合并文件、换位置

    例如,可以使用`FileReader`对象的`readAsText`方法读取文件内容,然后将内容合并到一起,最后创建一个新的Blob对象表示合并后的文件。如果需要将合并的文件下载到本地,可以使用`URL.createObjectURL`创建一个URL,...

    Extjs 实现多行合并(rowspan)效果

    renderer函数接收一个值和上下文对象作为参数,可以返回一个HTML字符串或DOM元素来自定义单元格的显示。在这个函数中,我们可以根据数据计算出需要合并的行数,并设置`rowspan`属性。 2. **Store数据处理**:在数据...

    动态向下合并单元格

    例如,在React中,可以创建一个自定义表格组件,内部包含逻辑以检测并合并单元格。 3. **压缩包中的文件**: - `vo`(Value Object)文件:这可能是表示表格数据的值对象,用于存储和传递数据。在JavaScript中,这...

    JavaScript DOM 编程艺术1

    - 性能优化:减少DOM操作次数,合并和合理放置脚本,压缩代码以提升加载速度。 7. 动态创建标记: - 使用传统方法如document.write和innerHTML属性动态生成或修改HTML内容。 - DOM方法如createElement、...

    JS合并表格

    "JS合并表格"这个主题,涉及到的技术点主要包括HTML表格的基本结构、CSS样式控制、JavaScript操作DOM以及可能涉及到的jQuery库或者自定义函数。下面将详细介绍这些知识点。 首先,HTML表格是网页中展示数据的重要...

    HTML5-jQuery插件开发的流程.pdf

    要使jQuery选择的对象能够直接调用插件方法,我们需要将自定义对象的方法添加到jQuery的原型对象 `$.fn` 上。 ```javascript $.fn.myPlugin = function(options) { return this.each(function() { var ...

    C#合并word文档类

    学习和使用这样的类,开发者可以从中了解到如何使用C#处理文件I/O、如何操作复杂对象模型(如Word文档的DOM)以及如何构建可维护的类结构。对于那些需要批量处理Word文档的项目来说,这个类无疑是一个非常实用的工具...

    dom4jAPI帮助文档

    4. **可扩展性**:DOM4J的API设计允许用户自定义元素、属性等行为,方便扩展和定制。 5. **事件驱动**:DOM4J支持事件驱动的处理模式,可以监听XML解析过程中的特定事件。 6. **文档构建**:DOM4J提供了简单而直观的...

    无标题dom4j 和XPath jar包

    1. **文档对象模型(DOM)API**:DOM4J实现了完整的W3C DOM API,使得开发者可以方便地使用DOM接口来操作XML文档。 2. **简单API for XML (SAX)**:除了DOM,DOM4J还支持SAX解析器,允许在内存有限的情况下处理大型...

    vue3-ts 编辑svg 合并svg

    首先,你需要将所有SVG文件解析为DOM对象,然后使用`svg-merge`将它们合并到一个单一的SVG文档中。 ```typescript import * as fs from 'fs'; import { parse } from 'path/to/svg-parser'; import { merge } from ...

    React开发笔记,React立意选取最小块设计,元素化每个dom标签,在内存中进行操作,引起Dom的最小render,节约

    React的趋势是走向面向对象编程与函数式编程的结合,鼓励组件的组合而非继承,这样能提供更高的灵活性和可维护性。jsx语法使得编写React组件更像编写HTML,但其实最终会被Babel转换为JavaScript代码执行。 总之,...

    17、Jquery支持自定义弹出窗口插件

    插件的基本结构包括`$.fn.myPlugin = function(options) {...}`,`$.fn`是jQuery对象的方法集合,`myPlugin`是插件名。 ```javascript $.fn.customPopup = function(options) { return this.each(function() { //...

    HTML自定义格式JS导出Word.zip

    总结来说,HTML自定义格式JS导出Word涉及到HTML和CSS的处理、DOM操作、以及利用jQuery和Blob对象创建可下载的Word文档。通过这个技术,用户可以直接在浏览器中将网页内容导出为Word格式,方便保存和打印。

    HTML5-jQuery插件开发的流程.docx

    综上所述,开发一个jQuery插件主要包括以下几个步骤:封装自执行函数以避免全局变量污染,构建自定义对象并定义其属性和方法,将对象方法添加到jQuery原型链,以及在实际项目中正确引入和使用插件。这样的插件设计...

    jquery源码简单分析

    jQuery 对象与 DOM 对象之间的关系是这样的:jQuery 对象内部包含了 DOM 元素的引用,通常是通过数组形式(如 `this[0]`)。当你创建一个 jQuery 对象时,可以将一个选择器传递给 jQuery 函数,它会查找匹配的 DOM ...

Global site tag (gtag.js) - Google Analytics