持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第9天，点击查看活动详情
作为一个前端开发人员，了解一些网络攻防的知识能让我们编写的代码更有保障，只有明白了问题出现的原因我们才能更好的进行避免。
xss攻击
跨站脚本攻击（Cross Site Scripting）缩写为CSS，由于和层叠样式的css相重名，所以缩写改叫xss攻击。利用网页开发时留下的漏洞（web应用程序对用户的输入过滤不足），巧妙的将恶意的代码注入到网页中，使用户浏览器加载并执行恶意制造的代码，以达到攻击的效果。这恶意的代码通常是JS代码，但实际上也可以是JAVA、VBS、ActiveX、Flash或者是普通的HTML。（浏览器不会判断，只要是符合解析，那么就会执行恶意的代码）。可能存在XSS的地方：微博、留言板、聊天室等收集用户输入的地方都可能遭受XSS攻击的风险。只要你对用户的输入没有严格过滤。防范xss攻击的最好方式就是永远不要相信用户的输入。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<input id="myInput" type="text">
<div id="userInput">展示区</div>
</body>
<script>
document.getElementById("myInput").addEventListener("change",function(even){
console.log(even.target.value);
document.getElementById("userInput").innerHTML=even.target.value;
})
</script>
</html>
