一、使用工具: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语句,使之可以方便的被调用,可以代码复用。