网站页面加载后执行操作的代码详解
这段代码的主要作用是在页面加载完成后执行一系列操作。具体来说,代码做了以下几件事情:
- 使用
$.getScript()方法加载一个名为'busuanzi.js'的脚本文件。 - 使用
$.get()方法向'https://v1.hitokoto.cn'发送一个GET请求,并将返回的数据以JSON格式处理。然后将获取到的数据中的'hitokoto'和'from'字段分别插入到class为'intro-siteinfo'的元素中。 - 动态创建一个'script'元素,并将其'src'属性设置为'https://hm.baidu.com/hm.js?7d15d96f0ccc5a89e0d0f5f896e92354',然后将其插入到'script'元素之前。
- 绑定
window.onscroll事件,当页面滚动时,根据滚动的位置,决定是否显示或隐藏id为'go-to-top'的元素。 - 绑定
$('#go-to-top').click()事件,当点击id为'go-to-top'的元素时,通过动画效果将页面滚动到顶部。 - 在'footer'元素之前插入一段HTML代码,其中包含了一个id为'fenxiang'的模态框和一个id为'go-to-top'的元素。
- 绑定
$('#fenxiang').on('open.modal.amui')事件,当模态框打开时,动态修改其中两个链接的'href'属性,分别指向QQ空间和QQ的分享链接。 - 绑定
$('.comment').click()事件,当点击class为'comment'的元素时,先在其之前插入一个id为'lv-container'的元素,并设置相关属性。然后动态加载一个名为'embed.dist.js'的脚本,并在一定的延迟后移除class为'comment'的元素,显示id为'lv-container'的元素。
总的来说,这段代码主要是实现了一些页面功能,包括加载脚本文件、发送请求获取数据、处理滚动事件、动态创建元素和模态框、以及绑定事件等。
原文地址: https://www.cveoy.top/t/topic/p8ev 著作权归作者所有。请勿转载和采集!