Top

js实现网站的两个小功能


今天给大家带来两个通过js实现的小功能,一个是网页内容被复制后会出现一个提示窗口,可以作为一种版权提示,比如“内容已复制…”,另一个功能是在PC端上打开你的博客网站后,如果切换到其他标签栏,离开了当前页面时会改变你博客网站在标签栏上显示的title标题。

网页内容复制提示

代码

1
2
3
<script type="text/javascript">
document.body.oncopy=function(){alert("XX博客:复制成功!感谢您的支持o(∩_∩)o ");}
</script>

部署

把上面的代码复制好后粘贴到网页的</body>的前面即可。

标签栏切换改变title

代码

1
2
3
4
5
6
7
8
<script>
document.addEventListener('visibilitychange', function () {
if (document.visibilityState == 'hidden') {
normal_title = document.title;
document.title = '欢迎回到XX博客';
} else document.title = normal_title;
});
</script>

部署

把上面的代码复制好后粘贴到网页的</body>的前面即可。



未经允许不得转载: 小吴博客 » js实现网站的两个小功能