【防止frame嵌套】

if (top.location != self.location) {
top.location = self.location;
}
var str = document.URL;
str = str.toLowerCase();

Clickjacking简单介绍 – 瞌睡龙

Break Out of iframe

js如何判斷是否在iframe中及防止網頁被別站用 iframe嵌套

 

【設定網頁為no-cache】

response.setHeader(“pragma”, “no-cache”);
response.setHeader(“cache-control”, “no-cache”);
response.setDateHeader(“expires”, 0);

請問 jsp 如何設定網頁成 no-cache

JSP缓存的三个问题分析

jQuery 網頁捲動動畫

$(window).scroll(function() {
$(“.slideanim”).each(function() {
var pos = $(this).offset().top;
//傳回此物件距離最上面的長度
var winTop = $(window).scrollTop();
// 偵測window的捲動值
if (pos < winTop + 600) {
//假設原距離top有1000,捲軸滑到距離它600px時就會滑出來
$(this).addClass(“paraslide”);
}
});
});

 

.slideanim {
  visibility: hidden;
}

.paraslide {
  /* The name of the animation */
  animation-name: slide;
  -webkit-animation-name: slide;
  /* The duration of the animation */
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  /* Make the element visible */
  visibility: visible;
}
/* Go from 0% to 100% opacity (see-through) and specify the percentage from when to slide in the element along the Y-axis */
@keyframes slide {
  0% {
    opacity: 0;
    -webkit-transform: translateY(70%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
  }
}
@-webkit-keyframes slide {
  0% {
    opacity: 0;
    -webkit-transform: translateY(70%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
  }
}