Web页面显示随机签名

介绍插入js代码的两种情况

常规web页面

普通web页面只需要修改对应的HTML文档

对应的HTML和JavaScript代码 (注意被替换元素的id)：

<div class="site-name"><h1 class="hidden">加菲猫</h1><a id="logo" href="/.">加菲猫</a><!-- 下面id="subt"的h2标签就是被内联显示的元素，id与前面JavaScript代码要一致--><h2 id="subt" >海纳百川</h2><script>//声明一个数组，内容为你想显示的话var words = ["愿你遇良人，予你欢喜城","你是我千种诗意万种想象","想做一个很酷的人扭头就走 比你酷比你狠","对不起，也许我将要打扰你，打扰你一生，而不是一下","balabala......"];//使用自调用方式声明函数，(function(){//创建0到words元素个数大小减一的随机数var rand = parseInt(Math.random() * words.length);/**使用内联显示方式改变原签名，getElementById("subt")表示搜索*id="subt"的*HTML标签元素，*/document.getElementById("subt").innerHTML = words[rand];console.log(words[rand]);//控制台调试信息，可以删掉};)()</script>
</div>

hexo博客系统

其他blog系统自行参考，hexo每次generate都会删掉原来的HTML文档，由所使用主题内的jade代码重新解释生成，直接修改待发布的HTML文档不是长久之计，因此得先找到解释出签名标签的源代码。我使用某大神的BlueLake主题（表示感谢），解释出签名标签的代码为/home/hch/hexo/themes/BlueLake/layout/base.jade里面的

p.description= config.subtitle //这里的config.subtitle为全局文本“海纳百川”

它对应的HTML代码：

<p class="description">海纳百川</p>

修改为：

h2(id= "subt").description= config.subtitle //标签由p改为h2,添加id属性
script(type='text/javascript', src=url_for(theme.js) + '/word.js',async)//此处src链接到写好的JavaScript代码

这样解释出的HTML代码就变为

<h2 id="subt" class="description">海纳百川</h2>
<script type="text/javascript" src="/js/word.js" async></script>

顺手记个js闭包实现计数原理

var add = (function()...)自调用函数实际上只执行了一次
第一次执行后，变量add为字符串 "function () {return counter += 1;}"
在myFunction()中调用了add() （add后面有括号表示调用函数而不是输出函数内容）：

var add = (function () {var counter = 0; //第一次执行被初始化为0return function () {return counter += 1;}
})();
function myFunction(){document.getElementById("demo").innerHTML = add();
}

番外

为了这一个小功能，刚看了几天Python后懵懂无知的我去学了Django和MySQL，还初步实现了数据库模型。正当我风风火火的开始学JavaScript打算用来在服务器与web页面传输数据时，让我悔恨终生的事就这么愉快地发生了…emmmm…

Web页面显示随机签名相关推荐

c#web页面显示弹窗_基于 HTML5 WebGL 的 3D 风机 Web 组态工业互联网应用
前言在目前大数据时代背景之下,数据可视化的需求也变得越来越庞大,在数据可视化的背景之下,通过智能机器间的链接并最终将人机链接,结合软件和大数据分析的工业互联网也将变得越来越容易实现! 国家也敏锐意识 ...
c#web页面显示弹窗_web页面实现PDF读取显示
什么是PDF.js PDF.js是一个用于构建在HTML5中Portable Document Format (PDF)浏览插件. 重点: 1)使用在HTML5中,那么一些比较老的不支持HTML5的浏 ...
c#web页面显示弹窗_C#监听IE文档加载完成、弹窗、JS弹窗、页面跳转
这个Demo在早段时间有个网友需要做一个相关方面的软件,我给做出来的.很方面,在JS弹窗监听上耗了不少时间.现在均已解决!请勿用作非法商业用途,该软件产生的后果与作者本人无关,特此声明. 由于需要对H ...
c#web页面显示弹窗_C#中三种弹出信息窗口的方式
弹出信息框,是浏览器客户端的事件.服务器没有弹出信息框的功能. 方法一: asp.net页面如果需要弹出信息框,则需要在前台页面上注册一个javascript脚本,使用alert方法.使用Client ...
pdf.js使用方法整理，web页面中pdf在线查看，web页面显示pdf文档
pdf.js 使用步骤: 一.到官网下载 pdf.js 插件并解压 (地址: http://mozilla.github.io/pdf.js/ ) 若官网无法下载,通过下面链接下载,注:作者有测试方 ...
记录一次zookeeper集群其中一节点在hbase web页面中显示Connection rese
集群环境: nn1,view和dn1三节点部署的zookeeper集群,gezookeeper进程均已启动 hbase web页面显示zk_dump信息如下日志输出信息如下: shell> t ...
zookeeper中展示所有节点_记录一次zookeeper集群其中一节点在hbase web页面中显示Connection rese...
集群环境: nn1,view和dn1三节点部署的zookeeper集群,gezookeeper进程均已启动 hbase web页面显示zk_dump信息如下日志输出信息如下: shell> t ...
Fast上传图片成功，FastDFSweb页面显示失败
Fast上传图片成功 web页面显示失败查看日志 root@ubuntu:/etc/fdfs# cd /data/fastdfs/tracker root@ubuntu:/data/fastdfs/ ...
解决web页面报异常、错误的思路
虽然每次最终经过摸索,找到问题的所在,但总花费不少时间.只有模糊的排除思路.为此,总结并记录一下! 项目场景: web页面显示后台错误等问题. 问题描述: web页面报500.内部服务器错误.404 ...

Web页面显示随机签名

常规web页面

hexo博客系统

顺手记个js闭包实现计数原理

番外

Web页面显示随机签名相关推荐

最新文章

热门文章