- 扫描 ID：
- 99c68d5f-291f-4e15-bc6f-49184173627a已完成
- 提交的 URL：
- https://nwt9-t168-l500-domain.8.netwars.sans.org/
- 报告完成时间：
链接 · 找到 0 个
从页面中识别出的传出链接
JavaScript 变量 · 找到 5 个
在页面窗口对象上加载的全局 JavaScript 变量是在函数外部声明的变量，可以从当前范围内的代码中的任何位置访问
| 名称 | 类型 |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| $ | function |
| jQuery | function |
控制台日志消息 · 找到 1 条
记录到 Web 控制台的消息
| 类型 | 类别 | 记录 |
|---|---|---|
| error | network |
|
HTML
页面的原始 HTML 正文
<html><head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<style>
body {
font-family: Arial, Helvetica, sans-serif;
height: 50%;
padding:0;
margin:0;
}
#backgroundContainer {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
background:url(background.png) top right no-repeat;
background-attachment:fixed;
background-size: cover;
}
/* Add a black background color to the top navigation */
.topnav {
background-color: #005ce6;
overflow: hidden;
z-index: 10;
}
/* Style the links inside the navigation bar */
.topnav a {
float: left;
display: block;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
}
/* Change the color of links on hover */
.topnav a:hover {
background-color: #005ce6;
color: black;
}
/* Add an active class to highlight the current page */
.active {
background-color: #0047b3;
color: white;
}
/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
display: none;
}
/* Style the header with a grey background and some padding */
.header {
overflow: hidden;
background-color: white;
z-index: 10;
height: 110px;
}
/* Style the header links */
.header a {
float: left;
color: black;
text-align: center;
padding: 12px;
text-decoration: none;
font-size: 18px;
line-height: 25px;
border-radius: 4px;
}
/* Style the logo link (notice that we set the same value of line-height and font-size to prevent the header to increase when the font gets bigger */
.header a.logo {
font-size: 25px;
font-weight: bold;
}
/* Change the background color on mouse-over */
.header .a:hover {
background-color: #ddd;
color: black;
}
/* Style the active/current link*/
.header .a.active {
background-color: dodgerblue;
color: white;
}
/* Float the link section to the right */
.header-right {
float: right;
}
/* Add media queries for responsiveness - when the screen is 500px wide or less, stack the links on top of each other */
@media screen and (max-width: 500px) {
.header .a {
float: none;
display: block;
text-align: left;
}
.header-right {
float:none;
}
}
#foreground {
min-width: 100%;
height: 100%;
background-image:url("");
background-size:100%;
background-repeat:no-repeat;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
#domain {
left:0;
top:0;
height: 4.8vw;
width: 21vw;
border-radius: 0.5vw;
font-size: 3vw;
padding: 0.5vw;
}
#domainip {
left:0;
top:0;
height: 4.8vw;
width: 21vw;
border-radius: 0.5vw;
font-size: 3vw;
padding: 0.5vw;
}
#domainregister {
left:0;
top:0;
border-radius: 0.5vw;
font-size: 4.5vw;
padding: 0.5vw;
color: white;
text-align: center;
color: white;
text-shadow:
-1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
1px 1px 0 #000;
}
#search {
-moz-box-shadow:inset 0vw 0.2vw 0vw 0vw #008ae6;
-webkit-box-shadow:inset 0vw 0.2vw 0vw 0vw #008ae6;
box-shadow:inset 0vw 0.2vw 0.2vw 0vw #008ae6;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #006bb3), color-stop(1, #66c2ff));
background:-moz-linear-gradient(top, #006bb3 5%, #66c2ff 100%);
background:-webkit-linear-gradient(top, #006bb3 5%, #66c2ff 100%);
background:-o-linear-gradient(top, #006bb3 5%, #66c2ff 100%);
background:-ms-linear-gradient(top, #006bb3 5%, #66c2ff 100%);
background:linear-gradient(to bottom, #006bb3 5%, #66c2ff 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006bb3', endColorstr='#66c2ff',GradientType=0);
background-color:#006bb3;
-moz-border-radius:0.5vw;
-webkit-border-radius:0.5vw;
border-radius:0.2vw;
border:0.2vw solid #008ae6;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:3.8vw;
font-weight:bold;
text-decoration:none;
text-shadow:0vw 0.3vw 0vw #006bb3;
left:63vw;
top:34.4vw;
height: 5.4vw;
width: 14.9vw;
border-radius: 0.5vw;
/*border: 0;*/
font-size: 3vw;
transition: 0.2s;
}
#search:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #66c2ff), color-stop(1, #006bb3));
background:-moz-linear-gradient(top, #66c2ff 5%, #006bb3 100%);
background:-webkit-linear-gradient(top, #66c2ff 5%, #006bb3 100%);
background:-o-linear-gradient(top, #66c2ff 5%, #006bb3 100%);
background:-ms-linear-gradient(top, #66c2ff 5%, #006bb3 100%);
background:linear-gradient(to bottom, #66c2ff 5%, #006bb3 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#66c2ff', endColorstr='#006bb3',GradientType=0);
background-color:#66c2ff;
}
#search:active {
transform: scale(0.9);
top:34.6vw;
height: 5.4vw;
/*border: 0;*/
}
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
padding-top: 100px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
text-align: center;
}
/* Modal Content */
.modal-content {
background-color: #fefefe;
margin: auto;
padding: 20px;
border: 1px solid #888;
width: 80%;
border-radius: 5px;
}
#modal_header {
font-size: 7vh;
}
#modal_text {
font-size: 4vh;
}
.close {
font-size: 7vh;
cursor: pointer;
}
.modal_image {
height: 7vh;
width: auto;
}
</style>
</head>
<body>
<div class="header">
<img style="height: 100%; width: auto; margin:0; " src="logo.png">
<div class="header-right">
<br>
<br>
<a style="color:dodgerblue; font-size: 20px; font-weight: bold;">+75 (111) 222 132 321 123 789</a>
<a class="a active" href="#home">Support</a>
<a class="a" href="#contact">Contact</a>
<a class="a" href="#about">About</a>
</div>
</div>
<div class="topnav" id="myTopnav">
<a href="#register" class="active">Register a Domain</a>
<a href="#bulk">Bulk Domains</a>
<a href="#broker">Domain Broker</a>
<a href="#personal">Personal Domains</a>
<a href="javascript:void(0);" class="icon" onclick="myFunction()">
<i class="fa fa-bars"></i>
</a>
</div>
<div id="backgroundContainer">
</div>
<div id="foreground">
<div id="input_div">
<h1 id="domainregister">Domain Registration</h1>
<div>
<input id="domain" placeholder="domain.name" type="text">
<input id="domainip" placeholder="IPv4" type="text">
<button href="#" id="search">Register</button>
</div>
</div>
</div>
<!-- The Modal -->
<div id="myModal" class="modal">
<!-- Modal content -->
<div class="modal-content">
<h1 id="modal_header"></h1>
<p id="modal_text"></p>
<span class="close">×</span>
</div>
</div>
<script>
$(document).ready(function(){
// Get the modal
var modal = document.getElementById('myModal');
// Get the button that opens the modal
var btn = document.getElementById("myBtn");
// Get the <span> element that closes the modal
var span = document.getElementsByClassName("close")[0];
// close modal
const closeModal = () => modal.style.display = "none";
// When the user clicks on <span> (x), close the modal
span.onclick = closeModal;
// When the user clicks anywhere outside of the modal, close it
$('.modal').onclick = closeModal;
// When the user presses the `escape` key, close the modal
document.addEventListener('keydown', ({ key }) => {
if (key === 'Escape') closeModal();
});
const handleSearch = () => {
var domain_name = $('#domain').val().trim();
var ip_address = $('#domainip').val().trim();
if (domain_name === '' || ip_address === '') return;
fetch('api/register', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify( { "domain_name": domain_name, "ip_address": ip_address } )
})
//.then(response => response.text())
.then(response => response.json())
.then(result => {
console.log(result)
if (result.msg.includes("has been registered to")) {
$('#modal_header').html('<img src="gcheck.png" class="modal_image"/>Domain Successfully registered!');
$('#domain').val('')
$('#domainip').val('')
} else {
$('#modal_header').html('<img src="circle.jpg" class="modal_image"/>Domain Registration Failure!');
}
$('#modal_text').html(result.msg);
modal.style.display = "block";
})
.catch(error => {
console.error(error)
})
};
$('#search').click(handleSearch);
$('#domain').keypress(event => {
var key = event.which;
if(key == 13) handleSearch(); // submit on `enter` key
});
// place cursor in domain input onready
$('#domain').focus();
});
</script>
</body></html>