您现在的位置是:首页  > 备忘  > 如何实现页面执行时间统计代码动态添加进html代码内

如何实现页面执行时间统计代码动态添加进html代码内

作者:李博士日期:2021-05-19浏览:111
导读:如何实现页面执行效率检测,类似本博客底部显示页面执行时间的统计功能,并且将包含执行时间的html代码插入到页面html标签之前?

需求:如何实现页面执行效率检测,类似本博客底部显示页面执行时间的统计功能?这样的统计代码,需要在页面所有程序执行加载完毕后再统计,结果才准确,常规来说,所有页面加载完毕再输出统计数据,结果将出现在标签后。那么,如何才能将这段包含执行时间的html代码插入到标签之前,并根据一定样式显示出来呢?

这里先引用一个思维导图:

jquery实现动态添加html代码

// 引自:《jquery实现动态添加html代码》 https://www.cnblogs.com/wanghuih/p/5755932.html

利用jquery实现动态添加html代码,jquery功能强大,根据我的需要,选用$(#).prepend('content')方法,用于向每个匹配元素内部的起始位置追加指定的内容,实现标签内部插入内容。

我的smarty模板底部代码如下:

smarty模板引擎代码

修改smarty的display()方法,在每次display()输出页面文件后,再将php所获得的最终执行时间输出至整个页面最末尾,如下效果:  

smarty输出html代码

浏览器执行该段文件的时候,将会把最末端追加的时间文件渲染到页面指定ID元素内,如下图的效果,页面加载相关html内容已经成功插入到id="process_time"元素内,大功告成!

jquery实现动态添加html代码

以上是关于本博客每个页面执行效率统计功能的代码实现方式,php相关的部分未做记录。

转载请注明出处:李博士,如有疑问,请联系(QQ:81067315)。
本文地址:https://www.imlhl.com/mark/403.html

上一篇: 没有了

下一篇:关于个人博客程序与博客模板的选择