javascript - 如何在 html 中获取 JavaScript 函数

Question

我已经使用 Java 一段时间了，现在正在转向 Web 开发 - 但是我遇到了一些麻烦，我的代码:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">

    var getHeight = function() {

        return $(window).height();

    }

</script>

我想在这里获取窗口的高度，

img.pos_fixed {

        position:fixed;
        top:getHeight() / 2;
        right:250px;

    }

但它不显示在屏幕中间。我是新手，所以请不要责备我，我应该像现在这样学习 html/javascript/css。

Answer 1

你可以关闭你的 jquery 脚本标签，

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
</script>

并使用纯CSS

img.pos_fixed {
    position:fixed;
    top:50%;
    right:250px;
}

编辑

替代 JavaScript，您可能应该等待 document.ready -

$(document).ready(function() {
  $("img.pos_fixed").css('top','50%'); // same css
});