在网页开发过程中，查看网页的源代码是一种常见的需求，无论是为了学习、调试还是其他目的。本文将介绍一种简单而有效的方法来实现这一功能，即使用JavaScript的ShowModalDialog。这种方法不需要任何外部工具或插件，只需几行代码即可实现。
要实现查看网页源代码的功能，需要在网页的<HEAD>部分添加以下JavaScript代码：
<script language="javascript">
function viewSource()
{
d=window.open();
d.document.open('text/plain').write(document.documentElement.outerHTML);
}
</script>
这段代码定义了一个名为viewSource的函数，该函数会在用户点击按钮时被调用。函数的作用是打开一个新的浏览器窗口，并在其中显示当前网页的源代码。
接下来，在网页的<BODY>部分，需要添加一个按钮，用户点击这个按钮时就会触发viewSource函数。以下是如何添加这个按钮的示例代码：
<input type="button" value="查看源代码" onclick="viewSource()">
这段代码创建了一个按钮，按钮上显示的文字是“查看源代码”。当用户点击这个按钮时，就会调用viewSource函数，从而打开一个新的窗口显示网页的源代码。
现在，已经完成了查看网页源代码功能的实现。为了演示这个功能的效果，可以在网页中添加上述的按钮，并尝试点击它。点击后，应该会看到一个新窗口，其中包含了当前网页的源代码。
这种方法的优点是简单易行，不需要任何额外的软件或插件，只需几行代码即可实现。此外，这种方法也具有一定的灵活性，可以根据需要修改代码，以适应不同的网页结构和需求。
虽然这种方法简单有效，但在使用时也需要注意一些事项：
通过上述步骤，可以轻松地在任何网页上实现查看源代码的功能。这种方法不仅简单，而且灵活，可以根据具体需求进行调整。希望这篇文章能帮助更好地理解和使用JavaScript的ShowModalDialog功能。