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

最新推荐文章于 2025-05-05 23:14:46 发布
原创 最新推荐文章于 2025-05-05 23:14:46 发布 · 1.3w 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一个使用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>

HTML入门02
weixin_41468241的博客
01-19 3299
a>2、双标签：h1-h6、div、文本颜色、p段落、a、ul li。5、锚点？如：div、ol、ul、li、dl、dt、dd、h1-h6。4、
js 收银元小程序
weixin_30594001的博客
08-21 332
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js考试</title></head><script type="text/javascript">// 1.编写一个程序，计算增加后的工资。要求基本工资大于等于100...
HTML表格和列表笔记&练习<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>关于表格的一些练...
weixin_30663391的博客
11-22 1409
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>关于表格的一些练习</title> 注释：2、<tbody>…</tbody>：当表格内容非常多时，表格会下载一点显示一点，但...
HTML网页
SY_mo的博客
05-05 541
【代码】HTML网页。
下面程序的运行结果为（ ）
一点痕迹
09-12 3844
#include <iostream> using namespace std； class A{ public：A(){cout<<"1";} ~A(){cout<<"2";1} }; class B:public A{ public:B(){cout<<"3";} ~B(){cout<<"4";} }; void main(){B b;} 答案：1342 解析：在C++中： （1）对于构造函数，先调用基类的构造函数，再调用派生类的构造函数，就
html笔记
热门推荐
jsjbdjhd的博客
11-30 1万+
你喜欢的食物：<input type="checkbox" name="sex" id="" value="鱼">鱼。<input type="text" value="username" id="" name="元素的名称"><input type="radio" name="sex" id="" value="女">女 <br>性别：<input type="radio" name="sex" id="" value="男">男。同一个页面，可以存在多个class值相同的标签-->
HTML
执妄
12-02 2528
一、网页基本信息 <!-- DOCTYPE:告诉浏览器，我们要使用什么规范 --> <!DOCTYPE html> <html lang="en"> <!--head标签代表网页头部--> <head> <!-- meta描述性标签，用来描述网站的一些信息 --> <!-- meta一般用来做SEO(搜索优化） --> <meta charset="UTF-8"> <m
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Not found</title> </head> <body> <h1>Not found</h1> </body> </html>
09-19
DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Not found</title> </head> <body> <h1>Not found</h1> </body> </html>是一个HTML页面模板，它是一个简单的404页面，用于显示“Not found”...
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Bootstrap使用</title> smys
06-06
<meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Bootstrap 示例</title> <!-- 引入 Bootstrap CSS --> <link rel="stylesheet" href="path/to/...
<!DOCTYPE html><html lang="en-US"><head><title>Just a moment...</title><meta http-equiv="Content-Type" content="text/html;
03-09
特别是通过 `<meta charset="UTF-8">` 来指定文档使用的字符编码为 UTF-8 编码格式，确保不同平台间文本的一致性和准确性[^3]。 ```html <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> ...
-doctype-html-html-lang-en-dir-ltr-head-meta-name:
04-07
5. **HTML Meta标签**：`<meta>`标签用于提供HTML文档的元信息，比如字符集设置（`<meta charset="UTF-8">`）、页面描述（`<meta name="description" content="...">`）、关键词（`<meta name="keywords" content="....
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>@ViewData["Title"] - Furion</title> </head> <body> @RenderBody() </body> </html>
05-31
<meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>@ViewData["Title"] - Furion</title> </head> <body> @RenderBody() </body> </html> ``` 这样，...
html
weixin_49308607的博客
11-25 2381
HTML 第一个html程序 <!-- DOCTYPE:告诉浏览器我们要使用什么规范 --> <!DOCTYPE html> <html lang="en"> <!-- head标签代表网页头部 --> <head> <!-- meta描述性标签，它用来描述我们网站的一些信息 --> <!-- meta一般用来做SEO --> <meta charset="UTF-8"> &
Web前端基础--04
00 后码农一枚，痴迷代码，以键为剑，以思为芒。于 优快云 镌刻编程成长，愿与诸君共探技术星河，同铸数字梦想。
10-26 1145
开发者，我们基于定时器结合js操作css样式或者html代码，就可以实现各种的酷炫的动态交互效果了。 模态框添加动画效果 eval内置解释器函数 URL地址栏参数的编码处理 打开与关闭窗口 base64编码处理函数 对象 js中，虽然是函数优先的编程语言，但是使用上也是基于对象的，所以在js中也存在万物皆为对象的情况。 对象的基本使用 this伪对象 默认情况下，在对象的方法中，this代表的就是当前对象，在函数或者函数外界，this代表的是当前页面的超全局对象。 函数或方法与作用域的问题 全局变
HTML基础
qq_44801321的博客
08-14 4134
W3C标准 结构化标准语言（HTML,XML）. 表现标准语言（CCS）. 行为标准语言（DOM，ECMAscript） HTML基本结构 <body> <-body>等成对的标签分别叫做开放标签和闭合标签 单独出现的叫自闭合标签 <!--DOCTYPE用来定义标准--> <!DOCTYPE html> <html lang="en"> <!--head标签代表网页的头部--> <head> <!--meta描述
HTML 注册案例 学习 制作
CodeDoraemon的博客
01-25 414
案例目标 2. 示例代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body>
前端——html（基础）
老赖的小弟的博客
03-29 2053
双标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <h1&gt
HTML零基础教学（REAL）
MeyrlNotFound的博客
12-12 1358
一种超文本标记语言: HyperText Markup Language常见误区：HTML 不是一种编程语言，而是一种标记语言标记语言是一套标记标签HTML文档的别名web 页面HTML 使用标记标签来描述网页HTML 文档包含了HTML 标签及文本内容。
ES6语法
2201_76081438的博客
01-23 702
可以查看控制台的输出： 3.let 不存在变量提升 什么是变量提升变量提升（Hoisting） 是指 JS在运行代码前，会将变量和函数的声明提升到当前作用域的顶部。这一特性源于 JS 的编译机制，在编译阶段就会为变量和函数分配内存。 具体为：var 的提升：变量声明被提升到作用域顶部，并初始化为 undefined。 函数声明的提升：函数声明被完整提升到作用域顶部，可以在声明前调用。 let 和 const 的提升：声明会被提升，但不会初始化，在初始化之前的访问会触发临时死区（TDZ） 查看控制台的输出：​
<!-- 文档声明：使用的是HTML5 --> <!DOCTYPE html> <html lang="en"> <!-- 页面头部区域 --> <head> <!-- 字符集编码格式设置--uft-8（万国码）防止页面中文乱码 --> <meta charset="UTF-8"> <title>Document</title> </head> <!-- 页面显示区域 --> <body> </body> </html>
最新发布
07-07
### 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、付费专栏及课程。

余额充值