2015-06-15 59 views
2

如何將此代碼轉換爲彈出窗口而不是警報。如何使此腳本彈出而不是警報

<script> 
 
\t var today = new Date(); 
 
\t var h = today.getHours(); 
 
\t var m = today.getMinutes(); 
 
\t var c = today.getDate(); 
 
\t var y = m - 14; 
 
\t z = checkNegative(y, h); 
 
\t w = checkTime(z[0]); 
 
\t x = checkZero(z[1]); 
 

 
alert('Security Alert ' + getURLParameter('model') + '\nSomeone tried to access your' + getURLParameter('model') + '\nat ' + x + ":" + w + ' from:\nIP: 145.643.256\nKiev, Ukraine, \n\nRecommended action: Install anti-virus now in order to protect your' + getURLParameter('model')); 
 
</script>

回答

0

您可以使用Bootstrap modalBootstrap popover組件供您使用。如果您因設計而不想使用Bootstrap,請告訴我。

+0

對不起,如果我不清楚我的問題,據我所知我們不能在java腳本警告框中使用樣式,我想如果它是可以轉換警報代碼彈出,以便我可以在其上添加樣式。我是新手在Java腳本。謝謝!我不想使用引導程序。 – ken

+0

@ken下面的票的答案可能會給你一個想法http://stackoverflow.com/questions/7853130/how-to-change-the-style-of-alert-box。正如在此鏈接中提到的,alert是一個不受CSS影響的系統對象。所以,您將不得不使用行爲如同警告框的解決方法。 – Antariksha

0

您可以使用window.open。有關更多詳細信息,請參閱http://www.w3schools.com/jsref/met_win_open.asp

下面的代碼應該做你正在做的事情。

<script> 
    var today = new Date(); 
    var h = today.getHours(); 
    var m = today.getMinutes(); 
    var c = today.getDate(); 
    var y = m - 14; 
    z = checkNegative(y, h); 
    w = checkTime(z[0]); 
    x = checkZero(z[1]); 
    var content = '<p>Security Alert ' + getURLParameter('model') + '\nSomeone tried to access your' + getURLParameter('model') + '\nat ' + x + ":" + w + ' from:\nIP: 145.643.256\nKiev, Ukraine, \n\nRecommended action: Install anti-virus now in order to protect your' + getURLParameter('model')+ '</p>'; 

    openWindow(content); 

    function openWindow(content) { 
     newWindow = window.open("", null, "height=200,width=400,status=yes,toolbar=no,menubar=no,location=no"); 
     newWindow.document.write(content); 
    } 

</script> 

編輯:由於@Anand和@mdahal提到的,漂亮的解決方案是採用模態,從像引導庫。示例和演示可以在這裏找到Bootstrap http://www.w3schools.com/bootstrap/bootstrap_modal.asp