<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js考试</title> </head> <script t

本文介绍了一个使用JavaScript编写的程序,该程序根据不同的基本工资水平(1000元以上、800-1000元、低于800元)计算增加后的工资,并演示了如何使用DOM操作来显示结果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js考试</title>
</head>
<script type="text/javascript">
// 1.编写一个程序,计算增加后的工资。要求基本工资大于等于1000元,增加20%的工资;若小于1000元且大于等于800元,则增加15%,若小于800元,则增加10%工资。
var pay = 1000;
if (pay >= 1000){
pay += (pay * 0.2);
}
else if (pay < 1000 && pay >= 800){
pay += (pay * 0.15);
}
else if (pay < 800){
pay += (pay * 0.1);
}
document.write("最后工资为"+pay+"</br>");

 

</script>
<body>

<div onmouseover="mOver(this)" onmouseout="mOut(this)" style="height: 50px; width: 200px; background-color: #ADD8E6; color: red" ></div>

</body>
</html>

### HTML5 基本文档结构模板 一个标准的 HTML5 文档结构包括几个关键部分,从文档类型声明到页面内容容器。以下是一个基本的 HTML5 页面模板: ```html <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>我的第一个HTML5页面</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 可选的CSS样式表链接 --> <link rel="stylesheet" href="styles.css"> </head> <body> <header> <h1>欢迎来到我的网站</h1> <nav> <ul> <li><a href="#home">首页</a></li> <li><a href="#about">关于我们</a></li> <li><a href="#contact">联系我们</a></li> </ul> </nav> </header> <main> <section> <h2>主要内容区域</h2> <p>这是页面的主要内容。</p> </section> </main> <aside> <h3>侧边栏</h3> <p>这里可以放置额外的信息或广告。</p> </aside> <footer> <p>© 2025 我的公司名称</p> </footer> <!-- 可选的JavaScript文件 --> <script src="scripts.js"></script> </body> </html> ``` #### 各部分说明: - `<!DOCTYPE html>`:定义文档类型为 HTML5[^2]。 - `<html lang="zh-CN">`:根元素,并指定语言为简体中文。 - `<head>`:包含元数据和资源链接,如字符集、标题、视口设置以及外部 CSS 文件[^2]。 - `<body>`:包含所有可见的页面内容。 - `<header>`:通常用于顶部区域,可能包含网站标题和导航菜单[^3]。 - `<nav>`:专门用于定义导航链接集合。 - `<main>`:表示页面主要内容区域,应只有一个且位于 `<body>` 内部。 - `<section>`:用来组织文档中的章节或主题段落。 - `<aside>`:代表与主要内容相关但独立的部分,比如侧边栏。 - `<footer>`:通常位于页面底部,包含版权信息或其他辅助链接。 - `<script>`:引入客户端脚本,一般放在 `<body>` 结尾处以提高加载速度。 此模板提供了一个清晰的起点,可以根据具体需求添加更多语义化标签(如 `<article>` 或 `<figure>`)来增强结构化表达能力[^3]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值