问题: 初试IONIC3 一共写了俩个界面 A界面 B界面 我要给其中的A界面添加页面统计 页面统计是一个script脚本 肯定是不能添加到index.html 因为添加到index.html的话 你访问B界面的时候 也是会被统计到的
解决: 咱们在进入页面的时候动态生成script脚本 在IONIC3中 每个界面都有自己的生命周期 我们用到的是俩个
1 ionViewDidLoad 页面加载完成触发,这里的“加载完成”指的是页面所需的资源已经加载完成,但还没进入这个页面的状态(用户看到的还是上一个页面)。
2 ionViewWillLeave 页面准备 (is about to) 离开时触发,这时用户刚刚触发了返回按钮或者相关的事件。
想看详细的生命周期事件转到:https://www.jianshu.com/p/72b704b5c9ed 我就不详细说了
下面是代码 统计平台以CNZZ为例子
ionViewDidLoad(){
let scriptNode = document.createElement("script");
scriptNode.id = "id1";
scriptNode.setAttribute("src","https://s19.cnzz.com/z_stat.php?id=XXXX&web_id=XXXX");
console.info(document.getElementsByTagName("body")[0]);
document.getElementsByTagName("body")[0].appendChild(scriptNode);
}
ionViewWillLeave(){
let scriptNode = document.getElementById("id1");
if(scriptNode!=null){
document.getElementsByTagName("body")[0].removeChild(scriptNode);
}
}
还不快抢沙发