用js写一个网页
时间: 2023-09-28 22:09:54 浏览: 32
下面是一个简单的用 JavaScript 编写的网页示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>我的网页</title>
</head>
<body>
<h1>欢迎来到我的网页!</h1>
<p>这是一个简单的网页示例。</p>
<script>
// 在这里编写 JavaScript 代码
console.log("Hello World!");
</script>
</body>
</html>
```
这个网页包含了一个标题、一个段落和一些 JavaScript 代码。在浏览器中打开这个网页,你会在控制台看到输出了 "Hello World!"。
相关问题
用JavaScript写一个网页。
好的,以下是一个简单的网页代码示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>我的网页</title>
<style>
body {
background-color: #f2f2f2;
font-family: Arial, sans-serif;
}
h1 {
color: #333;
text-align: center;
}
p {
color: #666;
font-size: 18px;
line-height: 1.5;
margin: 20px;
}
img {
display: block;
margin: auto;
max-width: 100%;
height: auto;
}
</style>
</head>
<body>
<h1>欢迎来到我的网页!</h1>
<p>这里是一个简单的网页示例,使用了 HTML、CSS 和 JavaScript。</p>
<img src="https://via.placeholder.com/400x200" alt="示例图片">
<script>
alert('欢迎访问我的网页!');
</script>
</body>
</html>
```
该网页包含了一个标题、一段文字、一张图片和一个弹窗提示。你可以将该代码复制到一个文本编辑器中,并将文件后缀名保存为 `.html`,然后在浏览器中打开该文件,就可以看到网页的效果了。
用js写一个网页计算器
好的,以下是一个简单的网页计算器的js代码实现:
HTML代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>网页计算器</title>
<meta charset="UTF-8">
</head>
<body>
<div>
<input type="text" id="input1" placeholder="请输入第一个数">
<select id="operator">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input type="text" id="input2" placeholder="请输入第二个数">
<button onclick="calculate()">计算</button>
<br>
<label>计算结果:</label>
<input type="text" id="result" readonly>
</div>
</body>
</html>
```
JS代码:
```js
function calculate() {
var input1 = parseFloat(document.getElementById("input1").value);
var input2 = parseFloat(document.getElementById("input2").value);
var operator = document.getElementById("operator").value;
var result = 0;
switch (operator) {
case "+":
result = input1 + input2;
break;
case "-":
result = input1 - input2;
break;
case "*":
result = input1 * input2;
break;
case "/":
result = input1 / input2;
break;
}
document.getElementById("result").value = result.toFixed(2); //保留两位小数
}
```
以上代码实现了一个简单的网页计算器,用户可以在输入框中输入两个数值和运算符,点击计算按钮后,页面会将计算结果展示在结果输入框中。