<body> <div id="login_frame"> <p id="image_logo"><img src="images/login/fly.png"></p> <form method="post" action="login.js"> <p><label class="label_input">用户名</label><input type="text" id="username" class="text_field"/></p> <p><label class="label_input">密码</label><input type="text" id="password" class="text_field"/></p> <div id="login_control"> <input type="button" id="btn_login" value="登录" οnclick="login();"/> <a id="forget_pwd" href="forget_pwd.html">忘记密码？</a> </div> </form> </div> </body>

时间: 2023-06-17 12:06:08 浏览: 186

javascript 改变字体大小方法集合 <font color=red>原创</font>

在JavaScript中，改变字体大小的方法主要有几种，这些方法主要用于网页上的文本内容，使得用户可以根据自己的需求调整页面上文字的可读性。以下是针对标题和描述中提到的三种方法的详细解释： 1. 第一种方法：这种方法是通过JavaScript获取指定ID的元素（例如`id="content"`），然后直接修改其`style.fontSize`属性来改变字体大小。在这个例子中，有一个名为`setfont`的函数，它接受一个参数`size`，用于设定字体大小。当用户点击“小”、“中”、“大”按钮时，会调用这个函数并传递相应的字号大小，如“12px”、“14px”或“16px”。这样，`#content` div内的文本字体大小就会随之改变。 ```html <div onclick="setfont('12px')">小</div> <div onclick="setfont('14px')">中</div> <div onclick="setfont('16px')">大</div> <div id="content">我们 www.jb51.net 欢迎大家的光临。</div> ``` 2. 第二种方法：这种方法更加复杂，它不仅改变指定ID的元素的字体大小，而且会遍历该元素内所有特定类型的子元素（如`div`, `td`, `tr`），并将它们的字体大小也调整为同样的级别。这个例子中定义了一个`ts`函数，它接受两个参数，一个是目标元素ID，另一个是增加或减少的单位。通过`getElementsByTagName`方法遍历所有指定类型的子元素，并设置它们的`style.fontSize`。这样，整个区域内的文字大小都会被调整。 ```html <button onclick="ts('body', 1)">放大字体</button> <button onclick="ts('body', -1)">减小字体</button> <body class="tabfont"> 我们 www.jb51.net 这个是设置body中所有的大小设置... </body> ``` 3. 第三种方法：这种方法仅提供了增加和减小字体大小的功能，适用于简单的应用场景。它同样使用了JavaScript来修改`fontSize`属性，但没有提供固定的字体大小选项。`turnsmall`函数用于减小字体，`turnbig`函数用于增大字体。这两个函数会根据当前的字体大小`curfontsize`和行高`curlineheight`进行递减或递增，然后更新`#art_content`的样式。 ```html <button onclick="turnsmall()">减小</button> <button onclick="turnbig()">增大</button> <div id="art_content">我们 www.jb51.net 这是使用这种方法的例子...</div> ``` 以上三种方法都是通过JavaScript动态地改变网页文本的字体大小，从而提供了一种交互式的用户体验。对于不同的场景，可以选择合适的方法来实现。需要注意的是，这种方法可能会影响到网页的布局和样式，因此在实际应用中需要进行充分的测试，确保在不同设备和浏览器上的兼容性。

这是一个包含登录表单的 HTML 代码。在这个表单中，用户需要输入用户名和密码才能登录。登录按钮被定义为一个 type 为 "button" 的 input 元素，并且有一个 onclick 事件处理函数 login()。忘记密码的链接指向 forget_pwd.html 页面。这段代码中的图片文件 fly.png 也被引用了。

阅读全文

相关推荐

QQ微信防红浏览器跳转页面源码.zip

firework.html

daima.rar_html login_html 登录 jsp_jsp登陆后台

Leting_login.zip

JavaScript_Src.chm

login_page

H5_Camer_Image.rar

ie8.0下显示本地图片的js实现代码 img.src

html base标签 target=_parent使用介绍

asp去掉html，保留img br p div的正则实现代码

php查询操作实现投票功能_.docx

基于JavaScript实现轮播图代码_.docx

javascript实现下雪效果(实例代码)_.docx

基于javascript实现样式清爽图片轮播特效_.docx

Javascript验证上传图片大小[前台处理]_.docx

javascript css红色经典选项卡效果实现代码_.docx

基于javascript实现最简洁的选项卡切换效果_.docx

第十二章.rar_HTML__HTML_

最新推荐

【中国房地产业协会-2024研报】2024年第三季度房地产开发企业信用状况报告.pdf

【中国银行-2024研报】美国大选结果对我国芯片产业发展的影响和应对建议.pdf

RM1135开卡工具B17A

MATLAB新功能：Multi-frame ViewRGB制作彩色图阴影

管理建模和仿真的文件

【实战篇：自定义损失函数】：构建独特损失函数解决特定问题，优化模型性能

在Flow-3D中如何根据水利工程的特定需求设定边界条件和进行网格划分，以便准确模拟水流问题？

XKCD Substitutions 3-crx插件：创新的网页文字替换工具

"互动学习：行动中的多样性与论文攻读经历"

【强化学习损失函数探索】：奖励函数与损失函数的深入联系及优化策略