2014-05-02 24 views
0

好吧,這是我的代碼。我試圖讓它嵌入基於Windows 8.1應用程序的屏幕分辨率的網頁,但我如何回憶我的.js腳本中的變量。x-ms-window命令拉和鏈接屏幕分辨率的

<body> 
<script> 
function myFunction() { 
    var x = screen.width; 
    var y = screen.height; 
    document.getElementById('insert').width = x; 
    document.getElementById('insert').height = y; 
} 
</script> 
<x-ms-webview id="insert" src="http://subgamer.com" width=0 height=0 ></x-ms-webview> 

請碼解釋一起!

回答

0

我強烈建議使用像JQuery這樣的庫,因爲它讓你的代碼更整潔,功能非常強大。這可以簡單地使用下面的代碼行來完成:(用於網絡連接的站點,如果是供本地使用,您將需要下載的文件在本地)

<script type="text/javascript" src="https://code.jquery.com/jquery-latest.min.js"></script> 

然後,它會插入一個簡單的事情以下代碼:

$(function(){ 
    $('#insert').height($(window).height()); 
    $('#insert').width($(window).width()); 
}); 

$(function(){ });告訴它在頁面加載時運行。 $('#insert')選擇id爲'insert'的元素,其餘的只是取高度和寬度的值。

如果窗口將在任何時候調整,那麼你可以把一個函數內部

function resizeInsert(){ 
    $('#insert').height($(window).height()); 
    $('#insert').width($(window).width()); 
} 

,並調用它時,頁面加載並在屏幕大小,像這樣:

$(function(){ 
    resizeInsert(); 
}); 

$(window).resize(function() { 
    resizeInsert(); 
}); 

這樣,您的'insert'元素將始終保持窗口的完整大小。