自动为页面上的每个图像添加'alt'属性的原因是为了提高网页的可访问性。'alt'属性提供了对图像的文字描述，当图像无法加载时，屏幕阅读器可以读出该描述，使视觉障碍用户能够理解图像的内容。

解决方法是使用上述提供的脚本。该脚本使用jQuery库，首先引入了jQuery库的CDN地址。然后，在文档加载完毕后，通过选择器选择所有的元素，然后对每个元素进行循环处理。在循环中，首先获取图像的文件名，然后使用substring函数截取文件名，然后使用attr函数将截取的文件名分别赋值给'title'和'alt'属性。

通过使用这个脚本，可以确保每个图像都有一个描述性的'title'和'alt'属性，提高了网页的可访问性。

自动为页面上的每个图像添加“alt”属性的问题是出于以下原因而出现的：Google无法看到通过JavaScript在客户端上添加的“alt”属性，而仅通过文本浏览器（如lynx）浏览网页的用户也看不到这些属性。因此，只有在图像文件名非常好的情况下，才能获得一点点无障碍性的好处。

为解决这个问题，可以使用以下JavaScript代码：

function runScript() {
    for (i = 0; i < document.getElementsByTagName("img").length; i++) {
        document.getElementsByTagName("img")[i].setAttribute(
            "alt", document.getElementsByTagName("img")[i].src);
    }
}

在页面加载完成后运行函数runScript()。

然而，通过JavaScript在客户端上添加“alt”属性并不能带来太大的帮助。首先，Google无法看到它们。其次，只有文本浏览器（如lynx）可能需要“alt”属性，但它们也看不到它们。你只能在无障碍性方面获得一点点好处，但除非你的图像文件名非常好，否则这一点甚至也会丧失。

自动为页面上的每个图像添加'alt'属性的原因是为了提供图像的替代文本，以提高可访问性和搜索引擎优化。'alt'属性描述了图像的内容，当图像无法加载时，将显示替代文本。

解决方法是使用jQuery代码来遍历页面上的每个图像元素，并通过提取图像的文件名来设置'alt'属性。代码首先找到每个图像元素，然后获取其'src'属性值作为文件名。接下来，使用substring函数截取文件名的扩展名之前的部分，并将结果设置为'alt'属性的值。这样，每个图像都将具有适当的替代文本。

如果想要在点击按钮时运行脚本并输出结果，可以使用类似于tools.arantius.com/tabifier的工具来实现。将HTML代码粘贴到工具中，然后点击按钮即可运行脚本并输出结果。

如果不想在用户浏览页面时每次运行脚本，可以使用类似于stackoverflow.com/questions/982717/...的解决方案来获取页面的完整HTML代码，并将代码粘贴到页面上。

对于那些正在学习JavaScript或jQuery的人来说，可以对代码进行解读。首先，代码使用jQuery选择器找到所有图像元素。然后，使用attr函数获取图像元素的'src'属性值作为文件名。接下来，使用substring函数截取文件名的扩展名之前的部分。最后，使用attr函数将截取的文件名部分设置为图像元素的'alt'属性值。这样，代码为每个图像元素添加了适当的替代文本。