很多WordPress的模板大都有一个公告模块或者有相应插件，可以在上面写公告，然后发布到博客上，这个功能确实挺好的。
不过，当你使用CDN时候就有问题了：把动态页面静态化处理的结果就是你在后台更新了公告，所有的页面都需要进行CDN缓存刷新，这个工作挺麻烦也不是我想要的方式。
如何能做到在不刷新CDN页面的情况下，使每个页面都能及时更新你的公告消息？那就使用js脚本吧，它可以把后端的问题前端化。
首先需要首先在网页某个位置创建一个DIV容器，里面放置不需要实时更新的框架，例如：
- <script src="要引用的js脚本名称和路径"></script>
- <div id="容器的id">
- <ul>
- <li id="bulletin1"></li>
- <li id="bulletin2"></li>
- <li id="bulletin3"></li>
- </ul>
- </div>
之后，编写这个要引的js脚本，对应上面DIV容器中的id，以此填充到DIV容器中，例如将下列代码写成js脚本文件，j将 要引用的js脚本名称 起名叫 bulletin.js，并保存：
- document.getElementById("bulletin1").innerHTML="<a href='网址' target='_blank'>含超链的文字</a>";
- document.getElementById("bulletin2").innerHTML="文字1"; // 只是文字
- document.getElementById("bulletin3").innerHTML="文字2"; // 只是文字
- $(document).ready(function() {$("#容器的id").textSlider({line: 1, speed: 300, timer: 6000});}) // 使用jQuery事件的ready() 方法
上面这段代码有一个前提，就是的网站已经引入了jQuery代码。
大功告成。
本文禁止住转载。任何形式转载请联系作者（时光在路上 ｗｗｗ．ｔｉｍｅｚｌｓ．ｃｏｍ）。时光在路上保留所有权利
如果你希望把该js代码放到尾部加载，则可以这样设置代码：
- <?php wp_enqueue_script( 'js脚本文件名称', 'js脚本文件地址', array(), '版本号，可选', true ); // true 放到尾部加载 ?>
- <?php echo '<div id="容器的id"><ul><li id="bulletin1"></li><li id="bulletin2"></li><li id="bulletin3"></li></ul></div>'; ?>
关于wp_enqueue_script()函数，我以前文章中提到过。
本文禁止住转载。任何形式转载请联系作者（时光在路上 ｗｗｗ．ｔｉｍｅｚｌｓ．ｃｏｍ）。时光在路上保留所有权利
