如何利用javascript在页面指定位置显示文字

比如在 坐标(100, 100)处显示文字"hello你好",应该如何弄?是在javascript里面,显示到html页面上哦

JavaScript中控制显示文字的位置,可以通过设置div布局的横纵坐标,如下代码:

<!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>
<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>
<p><a href="#" onclick="creadiv(100,100,'Hello你好')">点一下我</a></p>
<p><a href="#" onclick="creadiv(400,500,'哈哈哈')">再点一下</a></p>
</body>
</html>
温馨提示:答案为网友推荐,仅供参考
第1个回答  2015-11-04
用js操作dom,在制定位置加入文字就可以了,需要定位的话,可能还要先插个容器 div什么的,然后再在邻面插文字
第2个回答  2011-09-22
<!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>
<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>
<p><a href="#" onclick="creadiv(100,100,'Hello你好')">点一下我</a></p>
<p><a href="#" onclick="creadiv(400,500,'哈哈哈')">再点一下</a></p>
</body>
</html>本回答被提问者和网友采纳
第3个回答  2011-09-22
在这个坐标处定义一个label,<label id="test" />
在js中,var test = document.getElementById("test");
test.innerHTML="hello你好";
相似回答