DOM更新没有显示在'View Source'中，只显示在'Inspect Element

DOM updates not shown in 'View Source', only in 'Inspect Element'

本文关键字：显示 Inspect Element View 更新 DOM Source      更新时间：2023-09-26

我只是写了一个简单的脚本，其中一个更改在img标签。但这并没有奏效。下面是我的脚本:

jQuery(document).ready(function($) {
    var slowakluczowe = ['alt1', 'alt2', 'alt3'];
    $("img").attr("alt", function() {
        return slowakluczowe[Math.floor(Math.random() * slowakluczowe.length)];
    });
});

脚本随机取alt并将其固定到图像中，但这不能很好地工作。当我点击"查看源"时，它不会改变alt，只有当我点击"检查元素"时才有效。

请看这里:http://prntscr.com/boo9jk

它只工作与'检查元素'我怎么能使它也工作与'查看源'?

View source始终显示从服务器接收到的原始数据。这不能用JavaScript改变。浏览器检查器显示DOM的实时表示，因此它将由JavaScript更新。

当您单击"查看源"时，更改数据的唯一方法是将一些数据发送到服务器，在那里进行更改，然后通过任何方法刷新页面。但我不明白你为什么需要这么做。也许您真正想做的是让用户编辑内容，然后所有人都可以看到。在这种情况下，您需要将信息发送到服务器，存储在数据库中，然后在将页面呈现给用户时使用此信息。

检查器是更强大的工具，它是一个你应该使用。只有当你特别想看到数据的原始形式时，即在页面上的任何JavaScript运行之前，查看源才真正有用。

相关文章：