在 iOS 系统中，使用 JavaScript alert 弹窗时，标题默认为“确认”或“提示”，无法进行自定义修改。本文将介绍如何通过改写 JavaScript 原生方法，实现在 iOS 系统中修改 alert 弹窗标题的功能。
前置知识
- HTML、CSS 和 JavaScript 的基础知识；
- 熟悉 JavaScript 中 window 对象的 prompt()、alert()、confirm() 方法；
- 熟悉 JavaScript 中 Function.prototype.bind() 方法的使用。
实现步骤
1. 创建自定义弹窗
首先，我们需要创建一个自定义的弹窗，以替换原生的 alert 弹窗。这个自定义弹窗可以是一个 HTML 元素，也可以是一个类似于 jQuery UI 的插件。这里我们以一个简单的 HTML 元素为例，代码如下：
<div id="custom-alert">
<div class="title"></div>
<div class="message"></div>
<button class="ok">确定</button>
</div>其中，id 为 "custom-alert" 的 div 元素表示整个自定义弹窗，class 为 "title" 和 "message" 的 div 元素分别表示自定义弹窗的标题和内容，class 为 "ok" 的 button 元素表示确定按钮。
2. 定义修改标题方法
接下来，我们需要定义一个修改自定义弹窗标题的方法，以便在 alert 弹窗中调用。代码如下：
function setCustomAlertTitle(title) {
document.querySelector('#custom-alert .title').innerText = title;
}这个方法接受一个字符串类型的参数 title，通过 querySelector() 方法获取到自定义弹窗中 class 为 "title" 的 div 元素，并将其 innerText 属性设置为传入的 title 值，从而实现修改标题的功能。
3. 重写原生的 alert 方法
最后，我们需要重写原生的 alert 方法，使其调用我们自定义的弹窗。同时，在调用自定义弹窗之前，使用 setCustomAlertTitle() 方法来修改标题。代码如下：
window.alert = function(message) {
setCustomAlertTitle('新标题');
document.querySelector('#custom-alert .message').innerText = message;
document.querySelector('#custom-alert').style.display = 'block';
}这段代码首先使用 Function.prototype.bind() 方法将原生的 alert 方法绑定至 window 对象上，然后重写了 alert 方法的实现。在实现中，首先调用了 setCustomAlertTitle() 方法修改自定义弹窗的标题，然后使用 querySelector() 方法获取到自定义弹窗中 class 为 "message" 的 div 元素，并将其 innerText 属性设置为传入的 message 值，最后将整个自定义弹窗显示出来。
示例代码
下面是完整的示例代码：
-- -------------------- ---- -------
------
------
-------
------------- -
--------- ------
---- ----
----- ----
---------- --------------- ------
------ ------
------- ------
----------------- -----
------- --- ----- -----
----------- --- --- ---- -----
-------- -----
-
------------- ------ -
---------- -----
------------ -----
-------- -----
-------------- --- ----- -----
-
------------- -------- -
---------- -----
-------- -----
-
------------- --- -
---------- -----
------- -----
----------------- --------
------ -----
-------- ---- -----
-------------- ----
----------- -----
------------ -------- - ------
-
--------
-------
------
---- --
- ----------------------------------------------------------- --------
----------------------------------------------------------------------------------