簡體   English   中英

在頁面加載期間顯示彈出窗口

[英]show popup during page load

我要求頁面加載時顯示javascript Ok / Cancel選項。 因此,根據查詢字符串中的某些邏輯,當用戶從上一頁重定向到此頁面時,我們必須顯示javascript OK / Cancel(此處尚未呈現頁面)。 用戶單擊后,我們必須基於“確定/取消”加載不同類型的數據(服務器端執行)。 完成這項任務的最佳方法是什么? 謝謝。

忽略此要求的各種問題,這是我能想到的最簡單的方法。

  1. 創建一個沒有內容的HTML頁面
  2. 在Javascript中執行以下命令:

    1. 抓取並解析查詢字符串
    2. 根據查詢字符串,確定要將用戶重定向到的URL
    3. 使用confirm()確定操作過程
    4. 將窗口位置更改為新頁面

您的<noscript>元素應包含有關禁用了javascript的用戶應該執行的操作的說明...比' Please enable javascript '更有用的東西會很好,但這是您的要求。

使用基本格式加載一個小的html頁面存根,然后彈出對話框。

根據響應,使用ajax請求填充頁面的內容。

這是一些非常基本的示例代碼。 請參閱本教程,以獲取有關如何使用javascript進行Ajax調用的示例。

<html>
  <head><!-- Head Contents --></head>
  <body>
    <!-- Basic body styling -->

    <noscript>This page works best with scripts enabled</noscript>

    <script type="text/javascript">
      // Show Dialog Box
      if(option1) {
        // Do Ajax call
        // Set page contents 
      } elsif (option2) {
        // Do other ajax call
        // Set page contents 
      }
    </script>
  </body>
</html>

香草彈出一個對話框:

if (confirm("Your question")) 
{ 
    // do things if OK
}

盡管您應該在此處查看其他答案/評論,但是如果用戶禁用了javascript,這將中斷。

編輯 :如果要在對話框后加載更多信息,則必須使用Ajax。 由於您的回答很籠統,因此我現在只能指出jQuery ajax函數的方向。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM