Question

我目前的代码不起作用，我有一个意外的令牌错误：

<script type="text/javascript">
    var myWidth = (window.screen.availWidth - 100);
    document.write("
        #test {
            width:" + myWidth +"px;
    }
    ");
    </script>

出了什么问题？

并且，我想知道这是否是正确的方法：我制作了一个像http://blog.tomri.ch/super-simple-off-canvas-menu-navigation/这样的菜单，从右边的左边开始显示，我不想隐藏一个按钮具有100px宽度，（％宽度可以是合适的）。所以，我这样做是为了计算宽度。这是一个好方法吗？（我使用html5 / angularjs作为android应用程序）。

Answer 1

正确的方式

<p id="demo">Click the button to return the available width of your screen.</p>

<button onclick="myFunction()">Try it</button>

<script>
function myFunction()
{
var x = "Available Width: " + screen.availWidth + "px";
document.getElementById("demo").innerHTML=x;
}
</script>

添加窗口大小检测

1 个答案: