用js写一个简易的移动端弹窗,弹窗内容为:关联的模块已不存在,请重新配置关联。引入这个js文件后通过变量控制弹窗显现
时间: 2024-02-03 12:15:04 浏览: 140
可以使用以下代码实现一个简易的移动端弹窗:
```
// 创建一个弹窗元素
var popup = document.createElement('div');
popup.className = 'popup';
popup.innerText = '关联的模块已不存在,请重新配置关联。';
// 隐藏弹窗
popup.style.display = 'none';
// 将弹窗添加到页面上
document.body.appendChild(popup);
// 控制弹窗显示或隐藏
var showPopup = function() {
popup.style.display = 'block';
};
var hidePopup = function() {
popup.style.display = 'none';
};
```
你可以将这段代码保存为一个js文件,例如popup.js,然后在html中引入这个文件:
```
<script src="popup.js"></script>
```
在需要显示弹窗的时候,调用`showPopup()`函数即可;隐藏弹窗的时候,调用`hidePopup()`函数即可。
阅读全文