js 输出内容 如何显示在当前页面

如果通过  docuemnt.write("aaaaaaaaa");输出
   里面的内容是显示在另一个页面的单独输出的
如果通过  var newconntent = document.createElement("<div>aaaaaaaaaa</div>");
         document.body.insertBefore(newRadioButton);输出总是写在内容的最后面或最前面的
若此内容用function viewconn(){}封装
<a style="margin-left:200px; margin-top:100px; font-size:14px;" onmouseover="viewconn()">坐标事件</a>我是想把内容输出显示到坐标事件的当前位置,如何做?

解决方案 »

  1.   

    你先在相应的地方放个 div吧，然后在 div 中加入一些东西， 看看有关 css 的东东
      

  2.   

    在你要显示内容的地方加一个div
    <div id="a"></div>document.getElementById("a").innerHTML = "你要显示的内容";
    这样就可以在div id为a的位置显示你要显示的内容
      

  3.   

    我不希望是在哪里显示div的内容
    这可以解决的。在输入的内容里面<div style="margin-left:;margin-top:;">aaa</div>这样就可以显示具体的内容了
    但我用的是document.write（""）;输出的.
    显示在单独的一个页面现在我遇到的问题是希望他显示在当前的页面
    有什么办法没?
    我这样说能明白我说的是什么意思吗?
      

  4.   

    我不希望手动在某个地方显示<div id="aaa"></div>
    通过document.aaa.innerHTML = "";
    因为我所以输出的div可能显示在多个地方  margin-left:x;maring-top:y;
    x，y是可变动的...
      

  5.   

    <!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" type="text/javascript">
    function thecoordinates(){
    var x = window.event.x;
    var y = window.event.y;
    }
    function viewcoordinates(){
    var x = window.event.x;
    var y = window.event.y;
    var newRadioButton = document.createElement("<div style='position:absolute;margin-left:"+x+";margin-top:"+y+";'>sssssssssssssss</div>")
    // document.createElement("<div style='position:absolute;margin-left:"+x+";margin-top:"+y+";'>sssssssssssssss</div>");
    document.body.insertBefore(newRadioButton);
    alert("横坐标:"+x+"纵坐标:"+y);
    }
    function viewonline(){
    var x = window.event.x;
    var y = window.event.y;
    document.getElementById("X").value=x;
    document.getElementById("Y").value=y;
    }
    </script>
    </head>
    <body onmousemove="viewonline()" >
    <div>
    <a>asdfsaaaaaaaaaaaaa</a>
    X: <input type="text" id="X" name="X"/>
    Y: <input type="text" id="Y" name="Y"/>
    </div>
    <div style="margin-top:200px;">aaaaaaaaaaaa<a style=" margin-left:100px;" onmouseover="viewcoordinates()">A点坐标</a></div>
    <div style="margin-top:200px;">bbbbbbbbbbbbbbbb<a style="margin-left:100px;" onmouseover="viewcoordinates()">B点坐标</a></div>
    <div style="margin-top:200px;">ccccccccccccccccc<a style="margin-left:100px;" onmouseover="viewcoordinates()">C点坐标</a></div>
    <div style="margin-top:200px;">Ddddddddddddddddddddd<a style="margin-left:100px;" onmouseover="viewcoordinates()">D点坐标</a></div>
    </body>
    </html>
      

  6.   

    用documnt.write 是不可能滴,  除非你是在页面加载的时候写在某个特定的地方, 如果你是在页面加载完后通过 javascript 那用document.write会把页面其它内容清掉的.用 document.aaa.innerHTML = ""; 
    有什么不好?
      

  7.   

    这样写太死板了，一点都不灵活.而只要在用到这个层的地方都得指定<div id='aaa'></div>这样更麻烦
    鼠标获得当前坐标点，而动态指定层显示位置的话，那样比较好一些
      

  8.   

    其实你需要的一个功能是这样的:
    想alt属性一样,但是是一个跟随鼠标浮动的div,而且div中的内容会随
    触发的对象的不同而变化,
    那你可以写死一个隐藏的div,这个div要是绝对定位的
    当触发时,改变div的坐标,根据触发点改变div的内容,再让div显示出来,
    触发blur事件或满足什么条件时
    再display=none隐藏掉这个div很好做的,不过需要很好的js技巧,关键难点是获取触发对象的页面位置