如何利用javascript在页面指定位置显示文字
比如在坐标(100,100)处显示文字"hello你好"，应该如何弄？是在javascript里面,显示到html页面上哦...
比如在 坐标(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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用js操作dom,在制定位置加入文字就可以了,需要定位的话,可能还要先插个容器 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>
<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>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
在这个坐标处定义一个label,<label id="test" />
在js中,var test = document.getElementById("test");
test.innerHTML="hello你好";
在js中,var test = document.getElementById("test");
test.innerHTML="hello你好";
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
