如何编写一个js代码，让用户只有在满足“if”条件时才能查看他们的页面？

要实现用户只有在满足"if"条件时才能查看页面，可以使用以下的JavaScript代码：

<!DOCTYPE html>
<html>
<head>
    <title>Restricted Page</title>
</head>
<body>
    <h1>Welcome to the Restricted Page!</h1>
    <p>Please login to access the content.</p>

    <script>
        // 检查条件
        var loggedIn = false;

        // 判断条件是否满足
        if (loggedIn) {
            // 如果条件满足，显示页面内容
            document.write('<h2>Secret Content</h2>');
            document.write('<p>This is the secret content that only logged-in users can see.</p>');
        } else {
            // 如果条件不满足，显示提示信息
            document.write('<p>Please login to view the secret content.</p>');
        }
    </script>
</body>
</html>

这段代码首先定义了一个变量loggedIn来表示用户是否已登录，初始值为false，表示未登录。然后使用if语句来判断条件是否满足，如果loggedIn为true，则显示"Secret Content"部分的内容，否则显示提示信息。

这段代码可以嵌入到网页中，当用户访问该页面时，根据条件的不同，展示不同的内容。用户只有在满足条件时才能看到"Secret Content"部分的内容。

这是一个简单的示例，实际应用中，登录状态可以通过后端服务器验证，或者使用前端框架进行状态管理。具体实现方式会因应用场景和技术选择而有所差异。

腾讯云相关产品和产品介绍链接地址，请参考腾讯云官方文档：https://cloud.tencent.com/document/product