js的内部对象

JavaScript010

js的内部对象,第1张

在JavaScript中对于对象属性与方法的引用,有两种情况:其一是说该对象是静态对象,即在引用该对象的属性或方法时不需要为它创建实例;而另一种对象则在引用它的对象或方法是必须为它创建一个实例,即该对象是动态对象。对JavaScript内部对象的引用,以是紧紧围绕着它的属性与方法进行的。因而明确对象的静动性对于掌握和理解JavaScript内部对象是具有非常重要的意义。

1、串对象

string对象:内部静态性。 访问properties和methods时,可使用(.)运算符实现。

·基本使用格式: objectName.prop/methods 算术函数的math对象。

·功能:提供除加、减、乘、除以外的一引些自述运算。如对数,平方根等 。

·静动性:静态对象

2、日期及时间对象

·功能:提供一个有关日期和时间的对象。

·静动性:动态性,即必须使用New运算符创建一个实例。

此外,JavaScript还有Array对象,浏览器和HTML等对象。其中HTML对象模型中的对象具有一般对象编程语言的特性,具有属性、方法、和事件。这些对象都与网页页面能为用户提供的信息和交互性的好坏有很大的关系。

JavaScript是一种脚本语言,js的核心应该是对象编程,对象分为三个,内置对象、浏览器对象和自定义对象。对象的概念是来自客观世界,它是指‘物质的、可以感知的世界”,对象拥有属性方法。

属性用来描述对象特性的一组数据。

方法用来操作对象的若干动作,动作也可以称之为函数

3.类得实例化:为了描述一组具有相似特性和行为的对象,就引入了类得实例化。

4.对象的创建于引用:创建对象使用的new

内置对象就是js本身就拥有的js对象函数方法

浏览器对象主要是针对于浏览器本身的一些函数

自定义:自由编写js代码。

jquery是类库的封装

js特点

(1)脚本语言(2)基于对象(3)简单(4)动态性(5)跨平台性

js也是越来越强大,未来前景大好,从的node.js和angular.js框架中就可以看出js的前景。java,c++,php等都是以面向对象为核心,所以推荐重点学习面向对象的思想,为以后转行也会做出铺垫首滕州金长城

把一串

html

标签赋给一个

javascript

变量,除属性的值要用转义的双引号外,某些时候字符串还很长,显得有些复杂。如果用

js

动态添加元素,就不会有那么复杂的字符串出现,代码阅读性强一点,也容易理解。

网页是由

html

标签一层层组成的,js

也可以动态添加一层层的诸如

div、li、img

这样的标签。其实,不管是什么

html

标签,js

动态创建的方法都差不多,接着就先从动态添加

div

开始。

一、js

动态添加元素div

<div

id="parent"></div>

function

addElementDiv(obj)

{

var

parent

=

document.getElementById(obj)

//添加

div

var

div

=

document.createElement("div")

//设置

div

属性,如

id

div.setAttribute("id",

"newDiv")

div.innerHTML

=

"js

动态添加div"

parent.appendChild(div)

}

调用:addElementDiv("parent")

二、js

动态添加li

<ul

id="parentUl"><li>原li</li></ul>

function

addElementLi(obj)

{

var

ul

=

document.getElementById(obj)

//添加

li

var

li

=

document.createElement("li")

//设置

li

属性,如

id

li.setAttribute("id",

"newli")

li.innerHTML

=

"js

动态添加li"

ul.appendChild(li)

}

调用:addElementLi("parentUl")

三、js

动态添加元素img

<ul

id="parentUl"></ul>

function

addElementImg(obj)

{

var

ul

=

document.getElementById(obj)

//添加

li

var

li

=

document.createElement("li")

//添加

img

var

img

=

document.createElement("img")

//设置

img

属性,如

id

img.setAttribute("id",

"newImg")

//设置

img

图片地址

img.src

=

"/images/prod.jpg"

li.appendChild(img)

ul.appendChild(li)

}

调用:addElementImg("parentUl")

以上这篇js

动态添加元素(div、li、img等)及设置属性的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。