js 如何定义一个公共方法,可以供给其它html页面调用?

JavaScript09

js 如何定义一个公共方法,可以供给其它html页面调用?,第1张

一、使用工具:Ajax、文本编辑器、JavaScript。

二、方法步骤:有两种方法,分别是:

方法一:

1、将edit.html里面用的js和css文件在1.html中引入

2、通过Ajax获取edit.html的内容,然后赋予1.html中的某个DOM的innerHTML

方法二

将edit.html页面的里的html内容通过js动态生成,并提供接口,这样1.html只要引入js文件和css文件并调用那个接口在指定位置生成简单的文本编辑器就好了  

三、注意事项:方法一中注意id之类的不要冲突

在JavaScript中定义对象可以采用以下几种方式:

1.基于已有对象扩充其属性和方法

2.工厂方式

3.构造函数方式

4.原型(“prototype”)方式

5.动态原型方式 -- 1.基于已有对象扩充其属性和方法

object.name = "zhangsan"

object.sayName = function(name)

{

       this.name = name

       alert(this.name)

}

object.sayName("lisi") -- 2.工厂方式 

function createObject() 

{

       var object = new Object()

       object.username = "zhangsan"

       object.password = "123"

       object.get = function()

       {

              alert(this.username + ", " + this.password)

       }

       return object

}

var object1 = createObject()

var object2 = createObject()

object1.get()

 -- 采用带参数的构造方法:

function createObject(username, password)

{

       var object = new Object()

       object.username = username

       object.password = password

       object.get = function()

       {

              alert(this.username + ", " + this.password)

       }

       return object

}

var object1 = createObject("zhangsan", "123")

object1.get()

楼主所说的定义方法是指定义function吗?

function其实就是一系列JS语句的集合,这些语句组合起来可以对目标(例如DOM)进行操作。

用户在浏览网页时,其中的JS起作用的方式基本是事件驱动的,也就是用户触发一个事件(例如点击按钮),JS对该事件进行响应处理(进行一系列的JS操作),这时,预先定义的function就可以作为处理函数来响应用户触发的事件,如果不定义function,用户则可能需要编写大量的重复代码,有时甚至可能无法调用(例如在HTML语句行内调用复杂JS操作时)。

所以,预先定义function目的就是,封装JS语句,使之可以方便的被调用,可以代码复用。