最近写了个原生界面,一直用框架写东西也难得换换口味,至于为什么不用框架,东西太小用框架写有点杀鸡用牛刀不太适合,记录一下,或与日后再看到会有些许感触,
1、界面在body标签出写了个id,用jq的DOM操作append()在此节点下添加了let child = `<div>内容</div>`,在这里面用函数传值是不用任何字符串,如在全局定义一个参数 let param = "我是参数"; let child = `<div οnclick="test(param)"></div>`再在外层写个函数接收test(param){console.log("param")}即可,还有就是替换html节点,这也是比较恶心的了,我尝试了remove()移除再append()添加,但是问题不断,移除之后是可以添加,但是添加的内容函数都无法调用,没法只能用惯有方法,show()和hide()才暂时解决问题,但是传入的参数是变了却始终对video的src属性不起作用这又是一个尬点,我尝试了什么prop()和attr()用做添加src属性,甚至用到了removeProp()方法却始终无可奈何,再加上html剔除了load()方法,没办法,只能不停的百度,功夫不负有心人,还是看到了替换节点的方法replaceWith()简直成了救命稻草,结果还行,挺不错的哦!由于是公司项目我就不贴代码了,我总结下:
append()用做初始化界面,如果要是向替换标签里的属性就用replaceWith(),如果有可以局部刷新的办法还望告知,还有就是html的load()方法移除了,有load()方法的就算了,写弹出之类的还是用display:none和display:inline这连个属性,当然你可以用其他属性反正是你的自有,初始化界面可以和我一样有自执行函数$(document).ready(function(){
(function(){
$('#div').append(`<div>开始你的表演</div>`)
}(jQuery))
})