a526059306 2015-09-25 15:36 采纳率: 20%
浏览 1345
已采纳

这是我写的一个javascript程序，但想了很久都不知道哪里错了

 <!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <div>
            <img id="pic" src="测试用图片/Watch-Dogs.jpg" height="200px" width="200">
        </div>
        <div>
        <form>
            <button onclick="changposition(relative)">相对定位</button>
            <button onclick="changposition(absolute)">绝对定位</button>
        </form>
        </div>
    </body>
</html>
<script type="text/javascript">
    function changposition(type){
        var img=document.getElementById("pic");
        img.style.position=type;
        img.style.left=400px;
        img.style.top=500px;
    }
</script>

我的目的很简单按“相对定位”，图片就会以相对定位的形式定位，按“绝对定位”，图片会以绝对定位的形式定位，但现在按两个按钮都没有用了，我想了很久都不知道哪里错了....

  • 写回答

8条回答 默认 最新

  • Go 旅城通票 2015-09-26 04:55
    关注

    单位要注意加上，字符要用引号括起，不要使用button标签，标准浏览器下是submit按钮，会提交表单，改为input type=button或者去掉form标签

     <!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
    <div>
        <img id="pic" src="测试用图片/Watch-Dogs.jpg" height="200px" width="200">
    </div>
    <div>

            <button onclick="changposition('relative')">相对定位</button>
            <button onclick="changposition('absolute')">绝对定位</button>

    </div>
</body>
</html>
<script type="text/javascript">
    function changposition(type){
        var img=document.getElementById("pic");
        img.style.position=type;
        img.style.left='400px';
        img.style.top='500px';
    }
</script>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(7条)

报告相同问题？

悬赏问题

  • ¥15 R语言Rstudio突然无法启动
  • ¥15 关于#matlab#的问题：提取2个图像的变量作为另外一个图像像元的移动量，计算新的位置创建新的图像并提取第二个图像的变量到新的图像
  • ¥15 改算法，照着压缩包里边，参考其他代码封装的格式 写到main函数里
  • ¥15 用windows做服务的同志有吗
  • ¥60 求一个简单的网页(标签-安全|关键词-上传)
  • ¥35 lstm时间序列共享单车预测，loss值优化，参数优化算法
  • ¥15 Python中的request，如何使用ssr节点，通过代理requests网页。本人在泰国，需要用大陆ip才能玩网页游戏，合法合规。
  • ¥100 为什么这个恒流源电路不能恒流？
  • ¥15 有偿求跨组件数据流路径图
  • ¥15 写一个方法checkPerson，入参实体类Person，出参布尔值