JS和CSS-after是網(wǎng)頁設計中常用的技術(shù)。JS可以用來實現(xiàn)網(wǎng)頁動態(tài)交互效果，比如點擊按鈕彈出彈窗。而CSS-after則可以用來設置元素的樣式，比如為按鈕添加圖標。

在JS中，可以使用document.after來獲取元素的content屬性，從而實現(xiàn)對元素的操控。比如以下代碼可以實現(xiàn)點擊按鈕后彈出一個彈窗：

document.querySelector('button').addEventListener('click', function() {
var popup = document.createElement('div');
popup.textContent = 'Hello, World!';
popup.style.position = 'absolute';
popup.style.top = '50%';
popup.style.left = '50%';
popup.style.transform = 'translate(-50%, -50%)';
popup.style.backgroundColor = 'white';
popup.style.padding = '10px';
popup.style.boxShadow = '0px 0px 10px rgba(0, 0, 0, 0.5)';
document.body.after(popup);
});

在CSS中，可以使用::after偽元素來為元素添加內(nèi)容，從而實現(xiàn)圖標的添加等操作。比如以下代碼可以為按鈕添加一個“+”圖標：

button::after {
content: '+';
font-size: 20px;
margin-left: 5px;
}

總之，JS和CSS-after是網(wǎng)頁設計中非常重要的技術(shù)，掌握它們可以實現(xiàn)更加豐富的網(wǎng)頁效果。