js怎么调整prompt
时间: 2024-05-06 21:17:25 浏览: 198
可以通过以下方式调整 prompt:
1. 修改 prompt 的文本内容:
```javascript
prompt("请输入用户名:", "默认值");
```
第一个参数是提示用户输入的文本,第二个参数是文本框的默认值。修改第一个参数即可修改 prompt 的文本内容。
2. 修改 prompt 的样式:
目前无法直接修改 prompt 的样式,但可以通过自定义样式来模拟 prompt 的效果。比如可以使用 CSS 样式来定义一个弹窗,并在其中添加一个输入框和一个按钮。
```html
<div class="custom-prompt">
<label for="username">请输入用户名:</label>
<input type="text" id="username">
<button>确定</button>
</div>
```
然后使用 JavaScript 来控制弹窗的显示与隐藏,并获取用户输入的值。
```javascript
const customPrompt = document.querySelector('.custom-prompt');
const usernameInput = customPrompt.querySelector('#username');
function showCustomPrompt() {
customPrompt.style.display = 'block';
}
function hideCustomPrompt() {
customPrompt.style.display = 'none';
}
function onConfirmButtonClick() {
const username = usernameInput.value;
console.log(username);
hideCustomPrompt();
}
```
在需要调用 prompt 的地方,调用 `showCustomPrompt()` 函数即可显示自定义的 prompt。
阅读全文