2016-07-04 57 views
-1

我只寫了一個簡單的腳本,其中一個在img標籤中改變。但它不起作用。這裏是我的腳本:DOM更新沒有顯示在'查看源代碼'中,只在'檢查元素'

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

它的工作只能用「檢查元素」我怎樣才能使它也「查看源文件」的工作?

+4

「查看源代碼」的內容永遠不會更新 - 它是從服務器下載的頁面的源代碼。您只能在DOM Inspector工具中看到DOM的實時更新。你的代碼工作得很好。 –

+2

請看這裏 - http://stackoverflow.com/questions/9654737/content-of-html-page-changed-by-jquery-but-view-source-dont-reflect-the-chang – dmoo

+1

我完全不明白爲什麼你需要更新的代碼在VIEW SOURCE中工作 –

回答

2

查看源代碼總是顯示從服務器收到的原始數據。這不能用JavaScript改變。瀏覽器檢查器顯示DOM的實時表示,所以它將被JavaScript更新。

單擊「查看源代碼」時,更改數據的唯一方法是將一些數據發送到服務器,在那裏進行更改,然後通過任何方法刷新頁面。我看不出爲什麼你需要這樣做。也許你真正想要做的是讓用戶編輯內容,然後所有人都可以看到。在這種情況下,您需要將信息發送到服務器,存儲在數據庫中,然後在向用戶呈現頁面時使用此信息。

檢查員是更強大的工具,它是你應該使用的工具。只有當您明確希望以純粹的形式查看數據時(即在頁面上的任何JavaScript運行之前),查看源才真正有用。

相關問題