创建对象 首先我们理解一下面向对象编程(Object-Oriented Programming,OOP),使用OOP技术,常常要使用许多 代码模块,每个模块都提供特定的功能,每个模块都是孤立的,甚至与其它模块完全独立 。这种模块化编程方法提供了非常大的多样性,大大增加了代码的重用机会。可以举例进一步说明这个问 题,假定计算机上的一个高性能应用程序是一辆一流赛车。如果使用传统的编程技巧,这辆赛车就是 一个单元。如果要改进该车,就必须替换整...
JS中并没有类的概念, 但我们可以利用JS的语法特征,以类的思想来创建对象。 原始方法 <script type="text/javascript"> var obj = new Object(); obj.name = "Koji"; //为对象添加属性 obj.age = 21; obj.showName = function(){ //为对象添加方法 alert(this.name); } obj.showAge = function(){ alert(this.age); } obj.showName(); //Koji obj.showAge(); //21 </script>上面的方式通过new关键字生成一个对象,然后根...
构造函数方式 <script type="text/javascript"> //定义一个构造函数,用来生成对应的对象,可以类比Java中的构造函数 function Person(name, age){ //当调用new Person的时候,在执行第一行代码前,先生成一个Person对象,并将对象在内存中的 //索引赋值给this关键字,此时可以通过this关键字操作新生成的对象,如下面的添加属性或方法 this.name = name; //this关键字不能少。为当前对象,即this关键字引用的对象的name属性赋值...
对象是什么从JavaScript定义上讲对象是无序属性的集合,其属性可以包含基本值、对象或函数。也就是说对象是一组没有特定顺序的属性,每个属性会映射到一个值上,是一组键值对,值可以是数据或对象。最简单的对象JavaScript的一对花括号{}就可以定义一个对象,这样的写法实际上和调用Object的构造函数一样var obj={}; var obj2=new Object();这样构建出来的对象仅仅包含一个指向Object的prototype的指针,可以使用一些valueOf、hasQ...
setTimeout()和setInterval()可以用来创建定时器,其基本的用法这里就不再做介绍了。这里主要介绍一下javascript的代码队列。在javascript中没有任何代码是立即执行的,一旦进程空闲则尽快执行。所以说定时器中设置的时间并不代表执行时间就一定相符,而是代表代码会在指定时间间隔后加入到队列中进行等待。如果在这个时间点上,队列中没有其他东西,那么这段代码就会被执行,表面上看上去好像代码就在精确指定的时间点上执行了。所...
普通的定义方式<input type="button" name="Button" value="确定" onclick="Sfont=prompt(请在文本框中输入红色,红色, 提示框 ); if(Sfont==红色){form1.style.fontFamily=黑体;form1.style.color=red; }" />这是最常见的一种定义方式,直接将JS事件定义在需要的对象之上。相关的变形就是调用方法的形式,如下<script>function show(){alert("show");} </script> <input type="button" name="show" onclick="show()"/>第二种<scri...
DataTables是一个jQuery的表格插件。这是一个高度灵活的工具,依据的基础逐步增强,这将增加先进的互动控制,支持任何HTML表格。使用方法:首先看看如下代码:<title>DataTables example</title> <style type="text/css" title="currentStyle"> @import "../../media/css/demo_page.css"; @import "../../media/css/demo_table.css"; @import "../examples_support/themes/smoothness/jquery-ui-1.7.2.custom.css"; </style> <scri...
动态创建script元素(异步)在同一个文件夹下面创建一个function3.html,代码如下:<html> <head><title></title><script type="text/javascript">function init(){var myScript= document.createElement("script");myScript.type = "text/javascript";myScript.src="package.js";document.body.appendChild(myScript);//如果马上使用会找不到,因为还没有加载进来functionOne();}function operation(){//可以运行,显示“成功加载...
通过点击某个元素后, 动态创建一个DOM元素并显示,在此记录:/**//* 动态创建DOM元素的相关函数支持 */ /**//* 获取以某个元素的DOM对象 @obj 该元素的ID字符串 */ function getElement(obj) { return typeof obj==string?document.getElementById(obj):obj; } /**//* 获取某个元素的位置 @obj 该元素的DOM对象,或该元素的ID */ function getObjectPosition(obj) { obj=typeof obj===string?getElement(obj):ob...
基本概念1,自定义对象。根据JS的对象扩展机制,用户可以自定义JS对象,这与Java语言有类似的地方。与自定义对象相对应的是JS标准对象,例如Date、Array、Math等等。2,原型(prototype)在JS中,这是一种创建对象属性和方法的方式,通过prototype可以为对象添加新的属性和方法。通过prototype我们可以为JS标准对象添加新的属性和方法,例如对于String对象,我们可以为其添加一个新的方法trim()。与严格的编程语言(例如Java)不...
相信有很多做前端的朋友碰到过需要用 JavaScript 动态创建样式表标签——link标签。这里我们就来说说如何在浏览器中动态创建link标签。使用 jQuery 创建 link 标签如果你开发中喜欢用jQuery,那么用jQuery在创建link标签应该是这样的:var cssURL = /style.css,linkTag = $(<link href=" + cssURL + " rel="stylesheet" type="text/css" media=" + (media || "all") + " charset="+ charset || "utf-8" +" />); // 请看清楚,是动态...
创建节点为了创建一个新的节点,可以使用createElement和createTextNode.如果新建完成,可以用appendChild()把节点添加到DOM树中。创建一个元素P,并把设置innerHTML属性var myp = document.createElement(p); myp.innerHTML = yet another;元素P建完成了,就可以随意修改添加属性了 接下来可以用appendChild把新的节点添加到DOM树中的。使用DOM的方法用innerHTML方法的确很简单,我们可以用纯的dom方法来实现上面的功能。新建一个...
函数表达式函数定义表达式定义一个javascript函数。表达式的值是这个新定义的函数。从某种意义上将,函数定义表达式可以成为函数直接量,函数表达式可称为“函数直接量”,毕竟对象初始化表达式也称为“对象直接量”。一个典型的函数定义表达式包含关键字function,其后是一对圆括号,括号以内是逗号分隔的列表,列表包含0或多个标识符(参数名)。然后跟随花括号包裹的javascript代码段(函数体).var square = function(x){ retur...
显示/隐藏1。编写js函数 <script type="text/javascript"> function display(y){$(y).style.display=($(y).style.display=="none")?"":"none";} function $(s){return document.getElementById(s);} </script>2. 要显示/隐藏的html元素加上 id 属性 <table> <tr id="menu" > <td>控制这个tr的显示/隐藏</td> </tr> </table>3,添加按钮,链接等触发 js 函数 <input type="button" onclick="display(menu)" value="显示/隐藏...
在javascript里面动态创建标准dom对象一般使用: var obj = document.createElement(p);然后再给obj设置一些属性。 但是,在实际使用过程中,有些人可能会想,要是能这样创建标准的dom对象就好了 伪代码:var obj=strToDom(<p id="p_1" class="p1">Hello World!</p>); 那么今天的目的就是教大家怎么去实现一个这样的方法用来把字符串直接转换为标准的dom对象 start: 其实实现这样的一个转换是很简单的,这里主要是利用了一个属性i...