网站建设资讯

NEWS

网站建设资讯

javascript动态属性,js静态属性

JavaScript里面什么是静态属性和动态属性?能举个例子吗?

个人觉得,静态属性就相当于c#中的static,或者vb.net 中的shared,是没有new 实例化的。

10年积累的成都网站建设、网站制作经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先网站制作后付款的网站建设流程,更有广陵免费网站建设让你可以放心的选择与我们合作。

比如: function man(age,name){

this.age=age;

this.name=name;

}

man.sex="男";

这样所有的 new man(年龄,性别)出来的man的实例,都有各自的age 和name,这就他们的实例属性

而sex是静态的,是通过man.sex 访问的,

本人是业余的,说的不对的请见谅

javascript为什么可以动态添加属性

//---------

如此,所谓js对象,是一个关联数组,关联数组是一个数据结构体,这不单在js上有,在其他编程语言也有,所以这是一个数据结构的定义问题,不是js本身的问题

为什么说js对象是一个关联数据,看下面注释,效果一样

var data ={};

data.date = new Date(); //data["data"]=new Date() 添加关联数组的一个元素并赋值

date.obj = {}; //date["obj"]={}

甚至对所谓有序数组, var arr=["a","b","c"],可以这样访问,

arr["0"] //a

arr["1"] //b

arr["2"] //c

甚至空字符串也可以作为关联数组的键

vat obj={};

obj[""]="空字符串做键名" ;

这种情况下,用圆点符无法访问到“属性名“为空字符串的属性

简言之,用关联数组方式可以访问到一切定义的属性,用圆点符却不能,这也证明了js对象的本质是关联数组

怎么用javascript动态向标签中添加属性

用setAttribute方法就可以了,如:document.getElementById('d','123456');如果是动态添加标签的话:

var parent = document.getElementById(obj);

//添加 div

var div = document.createElement("div");

//设置 div 属性,如 id

div.setAttribute("id", "newDiv");

div.innerHTML = "js 动态添加div";

parent.appendChild(div);

通过js动态创建标签,并设置属性方法

当我们在写jsp页面时,往往会遇到这种情况:从后台获取的数据个数不确定,此时在前端写jsp页面时也就不确定怎么设计了。这个时候就需要通过js动态创建标签:

1.创建某个标签:如下在body中创建一个div的事例;

script

function

fun(){

var

frameDiv

=

document.createElement("div");//创建一个标签

var

bodyFa

=

document.getElementById("bodyid");//通过id号获取frameDiv

的父类(也就是上一级的节点)

bodyFa

.appendChild(frameDiv);//把创建的节点frameDiv

添加到父类body

中;

}

script

body

id="bodyid"

!--在此添加div标签--

/body

2.添加属性:给创建的标签添加相应的属性:

frameDiv

.setAttribute("id",

"divid");//给创建的div设置id值;

frameDiv

.className="divclass";

//给创建的div设置class;

//给某个标签添加显示的值;

var

h

=

document.createElement("h1");

h.innerHTML

=

data[i].name;

var

p

=

document.createElement("p");

p.innerHTML

=

"要显示的值";

3.创建的标签添加事件:

a.不带参数:

frameDiv.onmousedown

=

fun;//ps:函数名fun后面一定不能带括号,否则会在创建标签的时候执行函数,

而不是鼠标按下时执行;

b.有参数:

frameDiv.onmousedown

=

function(){

fun(this);

}

c.要调用的函数;

function

fun(){

alert("鼠标按下");

}

4.如果担心创建的标签没有被覆盖则可以替换:

var

divFlag

=

document.getElementById("divFlag");

var

divMain

=

document.createElement("div");

if(divFlag

!=

null){

body.replaceChild(divMain,

divFlag);//把原来的替换掉

}

divMain.setAttribute("id",

"divFlag");

以上这篇通过js动态创建标签,并设置属性方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:JS实现给对象动态添加属性的方法JS中动态创建元素的三种方法总结(推荐)js动态创建标签示例代码使用变量动态设置js的属性名

js里面怎么动态的为对象添加属性

添加属性用setAttribute()方法,可以传入两个参数,第一个是属性名称,第二个是要设置的属性值

var li = document.getElementsByTagName('li')[0];

//设置 li 属性,如 data-falg,设置为true

li.setAttribute("data-falg", "true");

也可以获取属性用getAttribute(),传入一个参数,是想获取的属性名称,返回的是该属性的值


网站栏目:javascript动态属性,js静态属性
网站路径:http://njwzjz.com/article/dssoijh.html