怎么使用js创建

JavaScript024

怎么使用js创建,第1张

以JS创建按钮为例:

1、创建一个元素时,使用createElement()函数

2、设置元素属性可以有以下两种常用方式,首先获得具体元素的引用,

a)然后使用elementName.id=""设置她的id属性,同样可以设置name等属性,具体针对不同的页面元素有不同的属性,可以参考DHTML参考手册

b)使用setAttribute函数,elementName.setAttribute("id","elementId")

两种方式各有千秋,例如在设置class属性时就存在a)不好使用的情况,在使用中需要注意。

3、删除页面元素。删除时首先需要获得需要删除的元素的引用,然后使用removeChild函数就可以删除该元素了。必须要获得引用后才可以删除(注意)。

4、无论是创建或者删除页面元素,针对的对象是document.body。如果需要查看生成页面元素后的代码,需要使用document.body.innerHTML来查看,直接查看源文件是无法看见的。

5、设置disable属性也比较简单,只需要将其作为button对象的一个属性,设置为true就可以了。

function change_style(){

button=exist()

button.setAttribute("class","bt")//Mozilla设置class的方法

button.setAttribute("className","bt")//IE设置class的方法

/*下面的设置方法在Mozilla中有效,在IE中无效*/

//button.class="bt"

//button.className="bt"

}

1.对象字面量创建对象

var obj = { a:1,b:2 }

注意:对象字面量是一个表达式,这种表达式每次运算都会创建并初始化一个新对象,并计算这个新对象的每个属性值。所以如果在循环体内使用对象字面量,每次循环时都会创建新对象。

2.通过new运算符创建对象

var obj = new Object()//创建空对象 var ary = new Array()//创建空的数组对象

注意:new运算符后面跟的是一个函数调用,这个函数被称为构造函数。js中原始类型都包含内置的构造函数,也可以自己定义构造函数。

3.通过立即执行函数创建对象

var obj = (function(){ return {x:1,y:2}}())

注意:在立即执行函数内部一定要有return语句,return出的内容就是待创建的对象。

4.通过Object.create()创建对象

var obj = Object.create({x:1,y:2})

注意:Object.create()是一个静态函数,传入原型对象就可以创建继承此原型对象的对象,例如上面的例子中obj对象继承了x,y属性。

JS中创建函数的几种方法

声明函数:最普通最标准的声明函数方法,包括函数名及函数体。

function fn1(){}

创建匿名函数表达式:创建一个变量,这个变量的内容为一个函数

var fn1 = funciton (){}

创建具名函数表达式:具名函数表达式的函数名只能在创建函数内部使用,即采用此种方法创建的函数在函数外层只能使用fn1不能使用func_name的函数名。func_name的命名只能在创建的函数的内部使用

var fn1 = funciton func_name(){}

自执行函数:自执行函数属于上述的“函数表达式”,规则相同

(function(){alert(1)})()

(function fn1(){alert(1)})()

Function构造函数

可以给 Function 构造函数传一个函数字符串,返回包含这个字符串命令的函数,此种方法创建的是匿名函数。

其他创建函数的方法

当然还有其他创建函数或执行函数的方法,这里不再多说,比如采用 eval , setTimeout , setInterval 等非常用方法,这里不做过多介绍,属于非标准方法,这里不做过多展开