如何檢查頁面內容是否被修改？

Question

1 - 我有一個網頁，在那個頁面上有很多外部鏈接

2 - 當用戶點擊任何外部鏈接時，彈出窗口應該顯示頁面已被動態操作修改的消息或它不。

3 - 如何使用JavaScript/jQuery檢查頁面狀態？

在此先感謝。

Answer 1

你可以在更改窗口/ body的「onhaschange」事件時只設置一些你可以點擊鏈接查看的標誌來顯示頁面是否改變。

Answer 2

一些狀態變量添加到JavaScript的，如：

wasModified = false; 

訂閱上的每個外部鏈接或任何你想要的單擊事件作出反應的，這樣的：

$('.external-link-class-selector').click(function(){ 
    wasModified = true; 
    //in case click mean it was modified and you should notify user 
    alert('Page was modified'); 
}); 

Answer 3

看到

$.ajax({ 
     url: "", 
     type: "post", 
     dataType: "" , 
     data: , 
     }).done(function() { 
       //sucess 
          }); 

在Javascript中做一個函數，包括上面的函數和Post方法通過這個方法對sa我頁面並在頁面上追加成功消息。