Question

如果屏幕宽度大于高度，我只需要在div ID的末尾添加'W'，如果高度更大，则只需“H”。

我不知道这是否可能，但我需要根据函数返回的内容更改div标签的ID。我认为使用Javascript会这样做，因为PHP无法检测屏幕大小。

我已经表明我的想法失败了。我的大多数代码可能都是由于语法不正确，因为我不太了解js ......

<script>
    function myFN(idName) { 
        return (window.screen.width > window.screen.height) ? idName+"-w" : idName+"-h";
    }
</script>

<div class="className" id="myFN(idName);"></div>

或者

<script>
    function myFN() {
        return (window.screen.width > window.screen.height) ? "-w" : "-h";
    }
</script>

<div class="className" id="idName"+myFN(); ></div>

Answer 1

不幸的是（或者幸运的是），您不能将havascript函数作为html标记声明的一部分来调用。我建议你看一下jQuery，它可以很容易地选择一个元素，然后改变它的id：

$('#idName').attr('id', 'newId');

不能比那简单得多。

Answer 2

您无法在html标记中简单地调用myFN() ...要完成此操作，您必须在加载页面后更改ID：

var myDiv = document.getElementById('idName');
myDiv.id = 'idName' + myFN();

function myFN() {
    return (window.screen.width > window.screen.height) ? '-w' : '-h';
}

调用Javascript将字符串作为div ID返回

2 个答案: