1. 首頁 > 生活 > >

JS彈窗代碼 javascript 彈窗

小知識JS彈窗代碼javascript 彈



文章插圖
JS彈窗代碼 javascript 彈窗

文章插圖
上面這個圖界面效果就是我們要實現的 。
我們常常需要創建一個新窗口，用來向用戶顯示額外的信息，同時又避免他們正在閱讀的信息消失 。從實現方案上來看，盡管我們可以用HTML打開一個新的瀏覽器窗口，但是使用JavaScript可以對新窗口的內容和特性進行更多的控制 。
接下來，我們看一下怎么實現的
一、定義窗口打開函數
定義一個打開新窗口的函數newWindow 。如上面代碼所示，變量catWindow包含一個新的窗口對象，這個對象引用圖像文件icon.png，這個新窗口的名稱是catWin，必須設置名稱，因為我們以后可能希望在a或另一個腳本中引用這個窗口 。新窗口的寬度是350像素，高度是260像素，位置是左邊400，上邊400 。
二、寫一個調用函數
頁面中，包含一個onload事件處理程序，它調用newWinLinks函數，newWinLinks循環遍歷頁面上的a，檢查是否有任何a包含class屬性值newWin 。如果有，就設置這個a元素的onclick事件處理程序，從而，當點擊這個a時，調用newWindow函數 。
【JS彈窗代碼 javascript 彈窗】總結一下
需要注意兩個地方：
1、newWindow中，在寬度和高度參數中的逗號之間不能有任何空格，如果有空格，那么腳本可能在某些瀏覽器中無效，總地來說，當腳本出現錯誤，需要進行高度時，要首先查找這樣的小問題 。
2、比如向窗口中添加參數時，希望窗口具有工具欄，地址欄，滾動條
toolbar=yes,location=yes,scrollbars=yes參數默認是no，可以不填 。當然瀏覽器上表現也有不同，需要知道 。