在网页中使用JavaScript和CSS插入背景图的主要方法包括：使用CSS的background-image属性、通过JavaScript动态设置样式、利用CSS类与JavaScript结合。其中，使用CSS的background-image属性是最常见和推荐的方法，因为它简单且直接。下面将详细介绍这些方法的具体实现方式。
一、使用CSS的background-image属性
通过CSS的background-image属性插入背景图是最常见的方法，可以直接在CSS文件或内部样式表中定义。
1. 使用外部CSS文件
在外部CSS文件中定义背景图：
body {
background-image: url('path/to/your/image.jpg');
background-repeat: no-repeat;
background-size: cover;
}
2. 使用内部样式表
在HTML文件的头部使用