XSS Saldırılarına Karşı JavaScript Kodlama Örnekleri

Adı : XSS Saldırılarına Karşı JavaScript Kodlama Örnekleri

XSS (Cross-Site Scripting) saldırıları, web sitelerinde en sık karşılaşılan güvenlik açıklarından biridir. Bu güvenlik açığı, kötü niyetli kişilerin tarayıcınızda kötü niyetli kodlar çalıştırmasına izin verir. Bu saldırı türünün hedefleri arasında çerezler, oturum kimlikleri, kişisel veriler, şifreler ve diğer hassas bilgiler yer alır.

JavaScript, web sitelerinde hem işlevsellik hem de görsel özelliklerin eklenmesi için sıkça kullanılır. Bu nedenle, JavaScript kodunun doğru bir şekilde yazılması ve uygulanması, XSS saldırılarından korunmanın önemli bir parçasıdır. Aşağıda, XSS saldırılarına karşı JavaScript kodlama örnekleri verilmiştir.

1. Inputların Temizlenmesi

Kullanıcıların web sitenizdeki input alanlarında (örneğin, arama kutusu veya yorum kutusu) yazdıkları her şey, saf şekilde saklanmamalıdır. Bu veriler, doğru bir şekilde işlenmedikleri takdirde, XSS saldırılarına neden olabilir. Bu nedenle, input alanlarındaki tüm veriler, giriş yapılmadan önce temizlenmelidir. Bu, JavaScript kullanarak yapılabilecek bir şeydir.

Örneğin, aşağıdaki kod, gelen input verilerini temizlemek için kullanılabilir:

```
function cleanInput(input) {
var cleaned = input.replace(//g, \">\");
return cleaned;
}

var userInput = \"\";
var cleanedInput = cleanInput(userInput);

console.log(cleanedInput); // <script>alert('XSS Attack!');</script>
```

Yukarıdaki örnekte, `cleanInput()` fonksiyonu, gelen input verilerini temizler ve `<` ve `>` karakterlerini yerine `<` ve `>` alternatifleri ile değiştirir.

2. InnerHTML Kullanımından Kaçınma

JavaScript koduyla, HTML belgelerindeki objelerin içeriği değiştirilebilir. Bu tür içerik değiştirmelerinde, innerHTML kullanımından kaçınılmalıdır. InnerHTML, giriş verilerinin doğru şekilde işlenmediği bir durumda XSS saldırılarına neden olabilir. Bu nedenle, `textContent` ve `createElement` gibi güvenli alternatifler kullanılmalıdır.

Örneğin, aşağıdaki kod, innerHTML yerine createElement kullanır:

```
// Güvensiz, kullanmayın!
document.getElementById(\"example-div\").innerHTML = userInput;

// Güvenli, createElement kullanın
var div = document.createElement(\"div\");
var text = document.createTextNode(userInput);
div.appendChild(text);
document.getElementById(\"example-div\").appendChild(div);
```

Yukarıdaki örnekte, `innerHTML` kullanarak `userInput`'u bir `