我们有时需要在网页脚本中使用程序来进行媒体查询，然后根据结果执行动作。比如，可以使用window.matchMedia方法来创建一个媒体查询列表，检测设备方向是否为水平（landscape）。我们可以定义一个名为onOrientationChange的函数，这个函数使用document.querySelector来获取body元素。如果媒体查询匹配（设备方向为水平），我们将页面背景设置为薰衣草色；如果不匹配，则设置为白色。通过MediaQueryList对象的addEventListener方法监听方向变化，当设备方向改变时，页面背景颜色会相应变化。这种效果可以在手机或模拟器上进行测试。