`
FireFlyWithCat
  • 浏览: 88592 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

html中的小技巧（一）

    博客分类：
  • html
htmlsetTimeout 
阅读更多
1、在网页中设置自动刷新
在<head>中加入<meta http-equiv="refresh" content="20">其中content的值20（单位秒）是刷新的时间值。如果不是刷新页面的而是跳转到另一个页面的话：在content中加入URL=”your html”,一定要用分号跟前面的20分开。否则无效……
2、setTimeout用法：
setTimeout(“alert(‘对不起，让你就等了’)”,3000)
括号中前半部分部分是：指定要执行的method或者function
后半部分是：执行指定的等候时间（单位毫秒）
实现间隔2秒在页面中提示alert
在<head>中加入<meta http-equiv="refresh" content="2">
在body中加入setTimeout("alert('Hello world!!!')",2000)
3、循环调用setTimeout：
<head>中定义：
X=0
function tmeTest(){
x=x+1;
document.fm.dd.value=x;
setTimeout('timeTest()', 1000);
}
在body中实现：
<form name="fm">
<input name="dd" type="text" value="0"/>
</form>
<script>
timeTest();
</script>
这时会在text中不停输出数字1、2、3、……
如果想让这个数字到100时停下，则可以用if（x<101）这样就会停下。
2
顶
0
踩
分享到：
| CSS中float应用
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    HTML的一些小技巧

    本文将详细介绍给定文件中的多个HTML小技巧及其应用场景。 #### 1. 设置背景图片固定不滚动 ```html 图片路径" bgproperties="fixed"&gt; ``` **说明**：此技巧用于设置页面背景图片，并使其在滚动页面时保持位置...

    22个HTML5实用技巧

    资源名称：22个HTML5实用技巧内容简介：HTML5 技巧一：当今科技发展的速度真惊人，稍不留神，就可能无法跟上它的步伐。新一代的HTML-HTML5的发展也不停的带给我们新的惊喜，我们将通过这篇文章向大家介绍一些HTML...

    制作网页中Html+css小技巧收集

    通过收集并分享一系列HTML与CSS的小技巧，可以显著提升网页设计的效率与质量。以下是对标题“制作网页中Html+css小技巧收集”及描述中提到的知识点进行的详细解析： ### 1. 控制元素高度和溢出 在CSS中，`overflow...

    网页代码常用小技巧

    "网页代码常用小技巧"这个主题涵盖了一系列能够提升HTML编写效率和优化网页效果的方法。 1. **元信息与头部元素**： HTML文档的部分常常被用来放置元信息，如字符编码、页面标题、样式表链接、JavaScript文件引用...

    js中的小技巧，十分的实用

    以下是一些关于JS的实用小技巧，对于初学者来说，掌握这些知识点将有助于提升编程效率和理解力。 1. `document.write("")`：这是一个常用的输出语句，常用于在页面加载时动态插入HTML内容。 2. 注释：JS支持单行...

    Javascript小技巧之生成html元素.docx

    4. **Javascript常用小技巧汇总**和**JavaScript常用小技巧小结**：这些文章提供了许多JavaScript编程中的常见问题解决方案和优化技巧。 5. **javascript实现分栏显示小技巧附图**：展示了如何用JavaScript实现多栏...

    （菜鸟必看的）电脑实用小技巧

    【电脑实用小技巧】是众多用户在日常使用电脑过程中可能会遇到的问题和解决方案的集合，旨在帮助初学者提高电脑操作效率，解决常见问题。这个压缩包包含了一系列的HTML文档，涵盖了多个方面的电脑技术知识。 首先，...

    Javascript小技巧一箩筐

    本文将基于“JavaScript小技巧一箩筐”这一主题，深入探讨一系列实用的JavaScript技巧，涵盖事件处理、DOM操作、表单控制、定时器使用等多个方面，旨在帮助开发者提升代码效率与网站性能。 #### 事件处理与键盘操作...

    40种网页小技巧（html开发员有帮助哦）

    根据给定的信息，我们可以整理出以下与网页制作相关的实用技巧，这些技巧可以帮助开发者在实际工作中提高效率、增强用户体验以及优化页面功能。 ### 1. 阻止右键菜单出现 - **技巧**: 使用 `oncontextmenu` 事件来...

    javascript中的小技巧

    每一项都是js中的小技巧，但十分的实用！ 1.[removed](""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document-&gt;html-&gt;(head,body) 4.一个浏览器窗口中的DOM顺序是:window-&gt;(navigator,screen,history...

    js中的小技巧.doc

    以下是一些JS中的实用小技巧： 1. **`document.write`**：这是JavaScript中最基本的输出方法，用于向HTML文档中插入动态内容。例如，`document.write("Hello, World!");`会在页面上显示“Hello, World!”。 2. **...

    Html网页代码常用小技巧！ 正文

    ### Html网页代码常用小技巧 #### 1. 禁止右键菜单 通过在表格元素上设置 `oncontextmenu` 属性，可以阻止用户在网页上使用右键菜单： ```html ;"&gt; 禁止右键 ``` #### 2. 阻止文本选取 使用 `onselectstart` ...

    php代码中的小技巧

    ... ... 此函数用于从指定的文件中读取数据。 ... $fd = fopen($file_name, 'r');...以上就是从提供的PHP代码片段中总结出来的小技巧和功能说明。这些技巧可以帮助开发者更好地理解和应用PHP语言，提高开发效率。

    40种网页常用小技巧

    网页设计和开发是一个充满创新和策略的领域，其中许多小技巧可以...以上仅是"40种网页常用小技巧"中的一部分，每一种都旨在提升网页设计的专业性和用户体验。通过巧妙地运用这些技巧，可以打造出既美观又实用的网页。

    JSP编程小技巧集锦121

    在IT行业中，Java Server Pages...以上只列举了"JSP编程小技巧集锦121"中的一部分要点，实际内容可能包括更多实用技巧，如优化性能、安全实践、调试技巧等。学习并掌握这些知识点，将有助于开发者在JSP开发中游刃有余。

    js200多个小技巧

    根据给定的文件信息，以下是对“js200多个小技巧”中提及的部分知识点的详细解析： ### 1. HTML事件与JavaScript交互 - **`onBlur`**：当元素失去焦点时触发的事件。在示例中，用于检测输入框是否为空，并在失去...

    html js的一些实用技巧

    在IT行业中，HTML和JavaScript是...掌握这些技巧将有助于提升你在HTML和JavaScript开发中的能力，使得网页制作更加得心应手。这些知识点是构建动态、交互性丰富的网页的基础，对于初学者来说，是不容忽视的学习重点。

    JSP编程小技巧集锦121例子(.txt 版本)

    "JSP编程小技巧集锦121例子"这个资源显然提供了大量实用的JSP开发经验，通过具体的实例来帮助开发者提升效率和代码质量。 首先，我们来讨论一些基本的JSP编程技巧： 1. **使用EL（Expression Language）**：EL是...

    HTML特殊技巧,常用技巧

    HTML是超文本标记语言，是构建网页的基础，而掌握一些特殊的HTML技巧能够使网页的呈现效果更加丰富多彩。本文将深入探讨HTML与CSS结合使用的几个重要技巧，包括CSS滤镜效果、定位技术、自适应圆角矩形的创建，以及...

Magicbox
Global site tag (gtag.js) - Google Analytics