點擊下面的按鈕,輸入信息,然后點擊“確定”按鈕:
上面的代碼演示了一種可輸入彈窗的實現(xiàn)方式。通過使用JavaScript的prompt()函數(shù),能夠彈出一個包含輸入框和確定、取消按鈕的彈窗。當(dāng)用戶輸入信息并點擊確定按鈕后,代碼會將輸入的信息賦值給之前創(chuàng)建的input元素(第7行)。 注意:在實現(xiàn)過程中,我們需要為點擊“輸入信息”按鈕編寫一個事件處理函數(shù)show(),該函數(shù)在用戶點擊按鈕時會調(diào)用。實現(xiàn)時,我們可以將事件函數(shù)掛載到按鈕的onclick屬性里(第14行)。 另外,本代碼的DOM結(jié)構(gòu)中只有一個表單元素和一個文本輸入框,因此可以直接通過document.forms[0].elements[0]訪問該元素。如果DOM結(jié)構(gòu)中有多個表單元素或者輸入框,可以通過顯式地為HTML標(biāo)簽或者JavaScript對象指定ID或者name屬性來獲取。 最后提醒一下,對于可輸入彈窗的設(shè)計,需要考慮用戶體驗和輸入合法性等問題,避免因輸入錯誤或者非法數(shù)據(jù)帶來的影響。