模仿html打印的js代码
时间: 2023-03-13 14:32:59 浏览: 93
下面是一个模仿 HTML 打印的 JavaScript 代码示例:
```javascript
function printHTML(html) {
// 创建新的 "window" 对象
var newWindow = window.open("", "", "height=400,width=600");
// 向新窗口写入 HTML
newWindow.document.write(html);
// 打印新窗口
newWindow.print();
// 关闭新窗口
newWindow.close();
}
// 调用 printHTML 函数,打印一个简单的 HTML 文档
printHTML("<html><body><h1>Hello, World!</h1></body></html>");
```
在这个示例中,我们使用了 `window.open` 方法来创建一个新的浏览器窗口,然后使用 `document.write` 方法将 HTML 写入新窗口。接着,我们调用 `print` 方法来打印新窗口,最后调用 `close` 方法来关闭新窗口。
请注意,这只是一个简单的示例,并不能保证在所有浏览器中都能正常工作。
相关问题
模仿百度页面的html代码
百度页面的HTML代码如下所示:
```html
<!DOCTYPE html>
<html>
<head>
<title>百度一下,你就知道</title>
<meta charset="UTF-8">
<style>
body {
font-family: Arial, sans-serif;
}
#logo {
margin-top: 100px;
text-align: center;
}
#search {
margin-top: 20px;
text-align: center;
}
#search input[type="text"] {
padding: 10px;
font-size: 16px;
}
#search input[type="submit"] {
padding: 10px 20px;
font-size: 16px;
background-color: #3385FF;
color: #FFF;
border: none;
cursor: pointer;
}
#search input[type="submit"]:hover {
background-color: #1E62E0;
}
</style>
</head>
<body>
<div id="logo">
<img src="logo.png" alt="百度logo">
</div>
<div id="search">
<form action="https://www.baidu.com/s" method="GET">
<input type="text" name="wd" placeholder="请输入关键字">
<input type="submit" value="搜索">
</form>
</div>
</body>
</html>
```
以上代码首先定义了一个HTML文档,设置了文档标题和字符编码。然后在`head`部分添加了内联样式,包括设置全局字体、调整`logo`和`search`栏的样式。接着在`body`部分添加了一个`logo`的`div`,其中包含了一个百度的logo图片。紧接着是一个`search`的`div`,其中包含了一个搜索表单,使用了百度搜索的`action`和`method`属性,并设置了一个输入框和一个提交按钮。
请注意,上述代码只是简单地模拟了百度页面的HTML结构和样式,并没有涵盖百度页面的全部内容和功能。实际的百度页面可能会有更复杂和丰富的内容和交互。
模仿月亮和太阳转的js代码
我可以回答这个问题。以下是一个简单的模仿月亮和太阳转的JS代码:
```javascript
var sun = document.getElementById("sun");
var moon = document.getElementById("moon");
var rotate = function() {
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds();
var sunDeg = (hours - 6) * 30 + minutes / 2 + seconds / 120;
var moonDeg = (hours + 6) * 30 + minutes / 2 + seconds / 120;
sun.style.transform = "rotate(" + sunDeg + "deg)";
moon.style.transform = "rotate(" + moonDeg + "deg)";
};
setInterval(rotate, 1000);
```
这个代码使用了 JavaScript 的 Date 对象来获取当前时间,并根据时间计算出太阳和月亮应该旋转的角度。然后使用 CSS 的 transform 属性来实现旋转效果。