a526059306 2015-09-25 07:36 采纳率: 0%
浏览 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条回答 默认 最新

  • 斯洛文尼亚旅游 2015-09-25 20: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条)
编辑
预览

报告相同问题?

悬赏问题

  • ¥50 数据库开发问题求解答
  • ¥15 安装anaconda时报错
  • ¥20 如何用Python处理单元格内连续出现的重复词语?
  • ¥15 小程序有个导出到插件方式,我是在分包下引入的插件,这个export的路径对吗,我看官方文档上写的是相对路径
  • ¥20 希望有人能帮我完成这个设计( *ˊᵕˋ)
  • ¥100 将Intptr传入SetHdevmode()将Intptr传入后转换为DEVMODE的值与外部代码不一致
  • ¥50 基于ERA5数据计算VPD
  • ¥15 寻找杂志《Tornatzky, L. G., & Fleischer, M. (1990). The Processes of Technological Innovation. 》
  • ¥15 前台多人编辑时怎么让每个人保存刷新都互不干扰
  • ¥20 如何用Python删除单元格内连续出现的重复词?
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部