Терезенің өлшемін өзгертуге тірі ені мен биіктік мәндерін көрсету

Html басында:

<script type="text/javascript">
    var myWidth = 0, myHeight = 0;
    if( typeof( window.innerWidth ) == 'number' ) {
        myWidth = window.innerWidth; myHeight = window.innerHeight;
    } else if( document.documentElement && ( document.documentElement.clientWidth ||document.documentElement.clientHeight ) ) {
        myWidth = document.documentElement.clientWidth; myHeight = document.documentElement.clientHeight;
    } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
        myWidth = document.body.clientWidth; myHeight = document.body.clientHeight;
    }
</script>

Html денесінде:

<script type="text/javascript">
    document.write('
' + myWidth + 'x' + myHeight + '

'); </script>

Бұл жақсы жұмыс істейді. Сұрақ: браузердің өлшемін өзгерту кезінде ені/биіктігі мәндерін қалай көрсетуіме болады? Төмендегі сол жақ бұрыштағы http://quirktools.com/screenfly/ .

Көп рақмет!

5
бұл өткен дефекталық сұрақ көмектеседі ме? stackoverflow.com/questions/641857/…
қосылды автор user800612, көзі
Жоғарыдағы кодты интернетте таптым. Мен мүлдем жаңадан бастаймын. Егер кез-келген адам бүкіл кодты жаза алса (жоғары кодымен орап алып), бұл жақсы болар еді. рахмет.
қосылды автор user1019208, көзі

3 жауаптар

Маған гилли3 шешімі ұнайды, бірақ толық кодты алу өте пайдалы (асығыс адамдар үшін!)

<script>
    window.onresize = displayWindowSize;
    window.onload = displayWindowSize;

    function displayWindowSize() {
        myWidth = window.innerWidth;
        myHeight = window.innerHeight;
       //your size calculation code here
        document.getElementById("dimensions").innerHTML = myWidth + "x" + myHeight;
    };
</script>
12
қосылды

Bind to window.onresize. Don't use document.write(). Put the

in your HTML and give it an id. Then just set the innerHTML of the element directly:

window.onresize = displayWindowSize;
window.onload = displayWindowSize;
function displayWindowSize() {
   //your size calculation code here
    document.getElementById("dimensions").innerHTML = myWidth + "x" + myHeight;
};
11
қосылды
@ user9508 - Мен жауапты жаңарттым.
қосылды автор gilly3, көзі
Терезені өлшемді өзгертуге көмектеседі, көп рахмет. Бетті алғаш рет ашу үшін немесе қайта жүктегеннен кейін оны қалай көрсетуге болады?
қосылды автор user1019208, көзі
ол шеберлігімен жұмыс істейді!
қосылды автор user1019208, көзі

Немесе jquery-ды пайдалансаңыз, .resize ( өңдегіш оқиғасын түсіру үшін . resize() терезенің жүктелуі аяқталған кезде бастапқы оқиғаны іске қосу үшін ешқандай параметрлері жоқ.

Бұл сияқты:

$(window).resize(function() {
   //your size calculation code here
    $("#dimensions").html(myWidth);
}).resize();

Demo in Fiddle

2
қосылды