1:h5方法
? ? 1:頁(yè)面引入需要的頁(yè)面地址,例如<link rel="import" id="UGBHEADER">
? ? 2:引入到當(dāng)前頁(yè)面
? ?????? $('body').prepend(UGBHEADER.import.getElementsByClassName('wxCode')); //(http://www.uguoba.com頁(yè)面上類名是:wxCode的元素)
? ? ? ? ? $('body').prepend(UGBHEADER.import.getElementsByClassName('loginpop'));//(http://www.uguoba.com頁(yè)面上類名是:loginpop的元素)
? ? ? ? ? $('body').prepend(UGBHEADER.import.getElementsByClassName('regUser'));//(http://www.uguoba.com頁(yè)面上類名是:regUser的元素)
? ? ? ? ? $('body').prepend(UGBHEADER.import.getElementsByClassName('resetPwd'));//(http://www.uguoba.com頁(yè)面上類名是:resetPwd的元素)
? ? ? ? ? $('body').prepend(UGBHEADER.import.getElementsByClassName('bindphone'));//(http://www.uguoba.com頁(yè)面上類名是:bind[hone的元素)
? ? ? ? ? $('body').prepend(UGBHEADER.import.getElementsByClassName('header'));//(http://www.uguoba.com頁(yè)面上類名是:header的元素)
? ? ? ? ? $('body').append(UGBHEADER.import.getElementsByClassName('footer'));//(http://www.uguoba.com頁(yè)面上類名是:footer的元素)
? ? ? ?優(yōu)點(diǎn): 該方法是h5的最新方法,頁(yè)面樣式和依賴的js文件都不需要自己引入,會(huì)全部自動(dòng)記載過來(lái)
? ? ? ? 缺點(diǎn):不支持ie瀏覽器
2:jquery的load() 方法
? $('#topp').load('http://www.uguoba.com/ .header');//把'http://www.uguoba.com/ ,類名是:.header的元素,添加到本頁(yè)面的#topp元素中去
? ?$('#popp').load('http://www.uguoba.com/ .backgroundPopup');//把'http://www.uguoba.com/ ,類名是.backgroundPopup的元素,添加到本頁(yè)面的#popp元素中去
? $('#fotterr').load('http://www.uguoba.com/ .footer');//把'http://www.uguoba.com/ ,類名是:.footer的元素,添加到本頁(yè)面的#footer元素中去
? ?優(yōu)點(diǎn):兼容ie瀏覽器
? ?缺點(diǎn):頁(yè)面上的圖片和css,js路徑無(wú)法自動(dòng)加載,需要手動(dòng)修改圖片,css和js的相對(duì)路徑
3:注意:兩種方法都是用來(lái)進(jìn)行展示,無(wú)法和當(dāng)前頁(yè)面進(jìn)行交互
? ? ? ?
