项目问题（检测浏览器是否支持html5）

qq_42464346

于 2018-09-20 23:11:15 发布

阅读量515

点赞数

本文链接：https://blog.youkuaiyun.com/qq_42464346/article/details/82795043

版权

本文介绍了一种在JavaScript中根据判断条件动态生成背景图的方法，适用于仅需展示一张图片的场景，通过在main.js文件中使用document.write结合条件语句实现。此方法可确保在不支持applicationCache的情况下仍能正确显示背景图片。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

当判断条件不支持时候动态生成一张背景图来实现（可以解决只显示一张图片，其它内容不会显示）
在main.js里面操作
if (! window.applicationCache ) {

document.write(`<img src="./static/img/tishi.jpg" style="position:absolute;top:0;width:100%;height:100%;"/>`)

}else {
	/* eslint-disable no-new */
	vm = new Vue({
		el: '#app',
		router,
		store,
		components: { App },
		template: '<App/>',
	})
}