javascript 大中小字体显示实现代码

更新时间：2010年09月06日 17:45:41 作者：

有时候页面中的正文一般都加上了字体大中小控制代码，方便浏览者阅读。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>大中小字体显示</title> </head> <body> <a href="#" onclick="changeFontSize(document.getElementById('content'),this.style.fontSize);return false;" style="font-size: 16px;">大</a> <a href="#" onclick="changeFontSize(document.getElementById('content'),this.style.fontSize);return false;" style="font-size: 14px;">中</a> <a href="#" onclick="changeFontSize(document.getElementById('content'),this.style.fontSize);return false;" style="font-size: 12px;">小</a> <div id="content"> 京藏高速通畅四天后再次堵车上百公里 <p> <font size="3">&nbsp;&nbsp;&nbsp; 昨日上午8点，央视记者沿鄂尔多斯历时3个多小时，仅行进120多公里， 到达河北东洋河收费站。此时，收费站双向放行，交通拥堵有所缓解。</font></p> <p> <font size="3">&nbsp;&nbsp;&nbsp; 据了解，截至昨日中午12点，内蒙古境内拥堵情况最长达120公里。 据测算，上万车辆滞留。 其主要原因一是大货车停车后，启动速度慢，二是不少大货车司机堵车期间睡着了。</font></p> </div> <script language="javascript"> function changeFontSize(pucl,size) { if(pucl.style) pucl.style.fontSize=size; for(var i=0;i<pucl.childNodes.length;i++) { changeFontSize(pucl.childNodes[i],size) } } </script> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

js动态添加的DIV中的onclick事件简单实例
下面小编就为大家带来一篇js动态添加的DIV中的onclick事件简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-07-07
微信小程序教程系列之新建页面（4）
这篇文章主要为大家详细介绍了微信小程序新建页面的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-04-04
JS性能优化实现方法及优点进行
这篇文章主要介绍了JS性能优化实现方法及优点进行,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2020-08-08
一个对于js this关键字的问题
一个对于js this关键字的问题...
2007-01-01
用js闭包的方法实现多点标注冒泡示例
这篇文章主要介绍了用js闭包的方法实现多点标注冒泡,需要的朋友可以参考下
2014-05-05
JavaScript利用el-table实现绘制热度表
这篇文章主要为大家详细介绍了JavaScript如何利用el-table实现绘制热度表，文中的示例代码讲解详细，感兴趣的小伙伴可以跟随小编一起学习一下
2023-03-03
ES6中定义类和对象的方法示例
这篇文章主要介绍了ES6中定义类和对象的方法,结合实例形式分析了ES6中类的定义、继承、静态方法、静态属性等相关操作技巧,需要的朋友可以参考下
2019-07-07
微信接入之获取用户头像的方法步骤
这篇文章主要介绍了微信接入之获取用户头像的方法步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-09-09
JS实现百度搜索框
这篇文章主要为大家详细介绍了JS实现百度搜索框，实时返回搜索建议项，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-02-02
JavaScript中的对象继承关系
这篇文章主要介绍了JavaScript中的对象继承关系的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
2016-08-08