大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
JavaScript中控制显示文字的位置,可以通过设置div布局的横纵坐标,如下代码:
创新互联专注于金寨企业网站建设,成都响应式网站建设,商城系统网站开发。金寨网站建设公司,为金寨等地区提供建站服务。全流程按需制作,专业设计,全程项目跟踪,创新互联专业和态度为您提供的服务
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""
html xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
title无标题文档/title
script language="javascript"
function creadiv(l,r,t){ //l是距左的距离,r是距右的距离,t是要显示的文本内容
var dd=document.createElement("div");
dd.style.position="absolute";
dd.style.left=l+"px";
dd.style.right=r+"px"
dd.innerText=t;
document.body.appendChild(dd);
}
/script
/head
body
pa href="#" onclick="creadiv(100,100,'Hello你好')"点一下我/a/p
pa href="#" onclick="creadiv(400,500,'哈哈哈')"再点一下/a/p
/body
/html
我的做法是:假如你所说的那段文字放在一个DIV里,DIV的class属性就是定义DIV容器里的元素的样式的,id就是给javascript获取到该元素的。获取到之后通过改class属性,就相当于改了div里的样式htmlheadstyle type="text/css".style1{font-size:12px; font-weight:blod; color:red}.style2{font-size:14px; font-weight:blod; color:blue}/stylescript language="javascript" type="text/javascript" function change(){document.getElementById("myword").className= "style2";}/script/headbodydiva href="#" class="style1" id="myword" onclick="change()"我是DIV里的文字/a/div/body/html
在你想创建表格或输出文字的地方用
div id="test"/div标识。
这样你就可以在javascript程序段里做你想做的事了,比如你在那个地方写出几个字可以这样:
script type="text/javascript"
document.getElementById("test").innerHTML="你想要输出的文字";
/script
你把这个写成函数 function write() { document. write(“gggggggggggg"); document. write("br/"); document. write(“ggggggg"); } 然后在body标签中加上onload事件body onload="write()"/body 这样就行了!
抽象一下你的问题,就是想在固定宽高的一个区域显示数量可变的文字内容。
一般说来web上处于可编辑状态的文字缩放是很难精确控制的,12px和13px的字体从单个字体上来说差了一个像素,但是一行字加起来算就要考虑字与字之间的间距,行距 以及这些值在不同平台之间的差异, 所以很难精确控制,
提供四个解决方案:
1 js直接计算:为了解决上面说到的难点和平台差异,计算时给予一个容差值,缺点:不精确
2 后台处理:后台程序把文字压缩成图片,前端结合js控制图片大小,缺点:服务器压力大
3 canvas:将文字绘制到画布上,控制canvas的大小,缺点:不支持绝大部分低端浏览器
4 flash:类似canvas方式,缺点:移动平台不支持