`
cakin24
  • 浏览: 1396541 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

直接在HTML标记中指定事件处理程序

阅读更多
一、介绍
该方法是直接在HTML标记中指定事件处理程序,例如在<body>和<input>标记中指定。
语法:
<标记 … … 事件="事件处理程序" [事件="事件处理程序" ...]>
在以上语法中的事件处理程序可以是JavaScript语句,也可是自定义函数。
如果是JavaScript语句,可以在语句的后面以分号(;)作为分隔符,执行多条语句。
 
二、实例
在页面加载完成后将弹出一个“欢迎进入本网页”的对话框。
<body onLoad="alert('欢迎进入本网页')">
 
三、运行结果
 
四、实例
<form name="form1" method="post" action="">
JavaScript技术大全
</form>
<form name="form2" method="post" action="">
<input type="button" name="Button" value="确定" onclick="Sfont=prompt('请输入数字1','','提示框');
if (Sfont=='1'){sf='粗体字';form1.style.fontFamily='华文行楷';}">
</form>
 
五、运行结果




六、运行说明
在“确定”按钮的单击事件中,用多行代码改变页面中“JavaScript技术大全”文本的字体样式。
操作过程是在页面加载后,文本会以“宋体”格式进行显示,在单击“确定”按钮后,将弹出一个输入提示框,向该提示框的文本框中输入“1”,单击“确定”按钮,这时,将关闭提示框,页面中的文本将以“华文行楷”格式进行显示。
  • 大小: 3.9 KB
  • 大小: 1.5 KB
  • 大小: 3.3 KB
  • 大小: 1.5 KB
1
0
分享到:
评论

相关推荐

    微信小程序、小程序html富文本转换插件、html富文本标签转换

    在微信小程序中,有时我们需要展示从服务器获取的HTML富文本内容,但微信小程序自身并不支持直接渲染HTML标签,这就需要用到特定的转换插件来处理。 本主题主要围绕“微信小程序html富文本转换”展开,讲解如何在...

    JavaScript程序设计课件:第 5 章 事件和事件处理.ppt

    事件是指在用户与计算机交互过程中发生的动作或操作,例如鼠标单击、键盘输入、窗口加载等。事件处理器是指对事件的响应和处理,例如在鼠标单击按钮时弹出警示框。 理解事件 事件是指在日常生活和计算机交互过程中...

    HTML_5_事件属性

    这些属性可以在HTML元素中直接设置,以指定在特定事件发生时执行的JavaScript代码。 1. **全局事件属性**:这些事件与窗口对象相关,适用于标签。例如,`onafterprint`在文档打印后运行脚本,`onbeforeprint`在打印...

    HTML代码中标签的全部属性 中文注释说明

    在HTML(超文本标记语言)中,`&lt;img&gt;`标签用于嵌入图像。此标签是单标签形式,即它不需要闭合标签。`&lt;img&gt;`标签通常拥有多种属性,用以定义图像的各种特性。本文将基于示例代码`测试"&gt;`来详细介绍这些属性,并列举出...

    JavaScript常见事件处理程序实例总结

    然而,在处理表单元素的事件时,如果当前元素是表单输入元素,则作用域中还会包含访问表单元素(父元素)的入口。这就意味着在事件处理程序中,我们不需要显式引用表单元素,就可以直接访问表单中的其他字段。例如:...

    JavaScript中为事件指定处理程序的五种方式分析

    1. HTML事件处理程序:这是较早的方式,通过在HTML标签中使用事件属性(如onclick、onsubmit等)来指定事件处理程序。例如: ```html ('Hello')"&gt;Click Me ``` 这种方法虽然简单直观,但存在一些缺点,如可能...

    HTML标签解释大全

    - **说明**:虽然没有直接对应的 `&lt;event&gt;` 标签,但这里的“event”可能是指事件处理机制,例如JavaScript中的事件监听器。 ##### 标签:external - **说明**:虽然没有直接对应的 `&lt;external&gt;` 标签,但这里的...

    JavaScript中的事件处理

    事件处理概述 事件处理是对象化编程... 指定事件处理程序有三种方法: 方法一 直接在 HTML 标记中指定。这种方法是用得最普遍的。方法是: &lt;标记 … … 事件=”事件处理程序” [事件=”事件处理程序” …]&gt;

    JavaScript入门教程(11) js事件处理

    这里,事件处理程序被直接写在`&lt;script&gt;`标签中,并且指定了针对`window`对象的`onload`事件。 3. **方法三:在JavaScript中说明**。这种方式更灵活,可以在JavaScript代码中动态绑定事件处理程序。例如: ```...

    js事件基础

    1. **直接在HTML标记中指定**:这是最常见的做法,通过在HTML元素中添加事件属性(如`onclick`、`onload`)并关联一个JavaScript函数。例如,`('网页读取完成,请慢慢欣赏!')"&gt;`会在页面加载完成后弹出提示。 2. *...

    Struts标签- HTML标签

    每个HTML标签都有一系列属性,例如`property`用于指定ActionForm中的对应字段,`value`用于设置默认值,`name`用于生成请求参数的名称,`onEvent`属性用于添加JavaScript事件处理等。这些属性使得标签能够根据业务...

    学习JavaScript事件流和事件处理程序

    HTML中的事件处理程序可以直接在标签属性中编写JavaScript代码,如`('Clicked')"&gt;Click&lt;/div&gt;`,但这种方式不推荐使用,因为它存在一些问题,比如不支持未经转义的HTML语法字符,而且也不利于代码的维护和管理。...

    htmllink标签的使用

    `&lt;html:link&gt;` 标签是Struts框架中用于创建HTML `&lt;a&gt;` 元素的一个组件,它提供了处理请求参数和Session跟踪的功能,尤其在处理动态生成的链接时非常有用。下面我们将深入探讨该标签的特性、用法以及相关的知识点。 ...

    匹配html中的所有A标签并替换

    标题 "匹配html中的所有A标签并替换" 涉及的主要知识点是HTML解析和正则表达式在文本处理中的应用。在IT行业中,这通常与网页数据抓取、内容处理或者自动化测试相关。 1. HTML标签:HTML(HyperText Markup ...

    深入理解在JS中通过四种设置事件处理程序的方法

    这种方法中,事件处理程序作为一个方法直接定义在元素上,因此`this`关键字会指向事件的目标元素。这是最常见且推荐的事件处理方式,因为它具有明确的作用域和`this`指向。 4. **使用`addEventListener`和`...

    struts1-html标签

    - JavaScript事件处理程序属性:如`onblur`、`onchange`等,用于定义用户与文本框交互时触发的JavaScript函数。 #### 三、`&lt;html:button&gt;`标签解析 `&lt;html:button&gt;`标签用于创建按钮。 **基本用法**: - **必需...

    HTML基础.docx

    对文本作标记的方式,跟我们在文本编辑程序里将文本加粗、或者将一行话设为标题或列表项目类似。 * 语言(Language)。HTML 就是一种语言,它使用了许多英文单词。 元素与标签 元素用于结构化 HTML 文档,并告知...

    HTML标签解释大全.doc

    `&lt;hr&gt;`标签用于在文档中插入一条水平线,通常用于分隔内容。 ##### **52. html** **说明:** 表明文档包含HTML元素。`&lt;html&gt;`标签是所有HTML文档的根元素,定义了文档的开始和结束。 ##### **53. i** **说明:**...

    JS事件流与事件处理程序实例分析

    事件流是指在文档中事件从一个节点传递到另一个节点的过程,直到最终到达目标节点。事件处理程序是响应事件的函数,用于指定当事件发生时要执行的操作。理解它们的原理和用法是Web开发中不可或缺的一部分。以下是...

Global site tag (gtag.js) - Google Analytics