页面上有一段文本,实现增大字号和减小字号

 1 <body>
 2 <textarea name="" id="text" cols="30" rows="10" style="font-size: 18px;width: 200px;height: 200px;"></textarea><br/>
 3 <button id="btnBi">增大字号</button> <button id="btnSm">减小字号</button>
 4 <script>
 5     var btnBi=document.getElementById(‘btnBi‘);
 6     var btnSm=document.getElementById(‘btnSm‘);
 7     var text=document.getElementById(‘text‘);
 8     btnBi.addEventListener(‘click‘,function () {
 9         text.style.fontSize=parseInt(text.style.fontSize)+5+‘px‘;
10     })
11     btnSm.addEventListener(‘click‘,function () {
12         text.style.fontSize=parseInt(text.style.fontSize)-5+‘px‘;
13     })
14 </script>
15 </body>
时间: 2024-11-13 14:14:44

页面上有一段文本,实现增大字号和减小字号的相关文章

JavaScript实现在页面上的文本框中输入小写字母自动变为大写字母

<script language="javascript" type="text/javascript"> $(function () { $("input[type=text]").keyup(function () { $(this).val($(this).val().toUpperCase()); }); }); </script> $("input[type=text]") 处可为文本框ID,

在页面上动态添加和删除【添加信息的文本框】

页面上的内容: 当点击添加或删除会做出相应的操作 页面的html代码 1 <li id="clid"> 2 <div> 3 姓名:<input type="text" name="guestName" class="dfinput" style="width: 150px;"/> 4     国别:<input name="guestState"

一段实现页面上的图片延时加载的js

大家如果使用firebug去查看的话就会发现,当你滚动到相应的行时,当前行的图片才即时加载的,这样子的话页面在打开只加可视区域的图片,而其它隐藏的图片则不加载,一定程序上加快了页面加载的速度,对于比较长的页面来说,这个方案是比较好的. 实现原理 把所有需要延时加载的图片改成如下的格式: <img lazy_src="图片路径" border="0"/> 然后在页面加载时,把所有使用了lazy_src的图片都保存到数组里,然后在滚动时计算可视区域的top,

利用PHP获取一个页面上的链接信息

开发中我们可能会获取某个页面或是一段内容中的链接信息,下面我分享一个我写的函数给大家,希望能帮到大家. 函数功能: 1.获取一段内容中链接信息: 2.获取一个URL中链接信息: 3.剔除锚链等无效的链接 4.获取当前域下的链接信息 5.获取他域下的链接信息 6.保留链接的文本信息 代码: /** * +---------------------------------------------------------- * 功能:获取一个网页或一段内容里面的链接信息 * +------------

jsp页面上传多个name值到后台

平常利用表单提交的一般都是一个文本框对应一个name,而在后台都是利用request.getParameter(String name);这段代码返回的是一个String类型的参数:而当我们页面上有多个name的时候,用上面这段代码去取值是有问题的,后台只能把 第一个name里的值显示出来,而后面name属性里的值则不会显示,所以当页面上有多个name 时,我们应该用request.getParameterValues(String name);去进行取值,这个方法返回的 是一个数组,我们遍历这

交互设计:隐藏或显示大段文本的UI组件有哪些?

应用场景: 在手机上要给列表中的每一项添加一个大段的介绍,应该用什么UI组件 A: 这里可以用,模态对话框,弹出提示,工具提示这类组件.模态对话框的好处,就是用关闭的按钮,用户操作方便:而弹出提示和工具提示只能通过点击来切换 模态对话框: http://v2.bootcss.com/javascript.html#modals http://www.runoob.com/bootstrap/bootstrap-modal-plugin.html Bootstrap 模态框(Modal)插件 模态

Acrobat 无法在本页面上执行OCR识别

下载的电子书有时不能选中,或作黄色标记,在用acrobat pro作文本识别时,报 Acrobat 无法在本页面上执行OCR识别 解决方法 参照 http://jingyan.baidu.com/article/ad310e80bc8d851849f49eb3.html Acrobat 无法在本页面上执行OCR识别 ,在我们使用文本识别时候会经常遇到的情况. 本页面包含可渲染的文本或者其他错误的解决. Acrobat could not perform recognition (OCR) on

js在web页面上绘制圆形

在web页面上,想要画出一个圆形,方法有很多,SVG.canvas都可以绘图.但是本文不采用这两种方式,而是使用一个div.div一般是一个矩形,但是如果设置一个圆角样式border-radius就可以将div变成圆形. 圆的位置需要在画布中绝对定位(position: absolute),也就是通过设置X.Y坐标在定位,对应的css样式是left.top.想要圆的绝对定位起效,画布就要设置position:relative. <!DOCTYPE html> <html> <

html页面顶部出现一段空白,检查控制台发现body 下出现&amp;#65279字符,原因及解决办法

html页面顶部出现一段空白,检查控制台发现body 下出现&#65279字符,原因及解决办法 分析: 原来是页面编码时增加了BOM,此页面后端数据主要是PHP语言,对PHP来讲PHP在设计时没有考虑BOM问题,,不会忽略UTF-8编码的文件开头BOM的那三个字符,会把BOM作为该文件开头正文的一部分.由于必须在<?或者<?php后面的代码才会作为PHP代码执行,所以将会造成在页面上输出这三个字符,显示效果就要看浏览器了,一般是一个空行或是一个乱码.由于在html一开头有这3个字符的存