`

<a>的href中放js代码 与 <img> usemap属性

javascripthtml 
阅读更多

<a>的href属性可以执行javascript代码. 用法如下:

 

 

<a href="javascript:alert('js代码');">点击我</a>
 

 

<img>  usemap属性是引用的<map>的name属性

 

<html>
<head>
</head>
<body>
<a href="javascript:alert('asdf');" alt="这是一个超链接">链接</a>
<img src="areaTest.jpg" usemap="#mapname"/>
<map name="mapname"><area shape="rect" href="javascript:alert('矩形区域');" coords="36,26  165,92" alt="矩形" /></map>
</body>
</html>
 

 

 

 

 

 

 

 

分享到：
| HTML标签
评论
发表评论

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

相关推荐

    html基础属性代码

    `&lt;img&gt;`标签加载图像，`src`, `width`, `height`, `alt`, `title`, `dynsrc`和`usemap`属性分别定义图像源、尺寸、提示文本、动态源和映射。 12. **多媒体播放**：`&lt;embed&gt;`标签用于插入媒体文件，如音频或视频，`...

    javascript 课程笔记中介，详细，事例指导

    - **图片链接**：`&lt;a href="url地址"&gt;&lt;img src="图片地址" width="" height="" border=""/&gt;&lt;/a&gt;`，使用图片作为链接的目标。 - **热点**：使用`&lt;area&gt;`标签创建图像上的可点击区域，如： ```html &lt;img src="index...

    js 框架之一

    " &gt;&lt;/iframe&gt; &lt;br&gt; &lt;br&gt; &lt;br&gt; &lt;/div&gt;&lt;br&gt; &lt;img name="map" src="/image/maptop.gif" width="950" height="976" border="0" id="map" usemap="#m_map" alt="" /&gt;&lt;br&gt; &lt;map name="m_map" id="m_map"&gt;&lt;br&gt; &lt;area ...

    网页设计与制作（HTML+CSS+JS）-3期（KC003） KC003050000002 单元设计_任务2 网页的基本页面实现

    此外，&lt;a&gt;标签还可以配合#锚点实现页面内部跳转，以及使用&lt;img&gt;标签中的usemap属性实现图像映射，创建可点击的图像区域。 表格与列表是组织信息的有效工具。&lt;table&gt;标签用于创建表格，&lt;tr&gt;定义行，&lt;td&gt;定义单元格，...

    html学习代码大全

    - `链接`：`&lt;A&gt;`标签用于创建超链接，`HREF`属性指定链接的目标地址。`&lt;A&gt;`标签还可以设置锚点`&lt;A NAME&gt;`，用于内部链接。 - `图像`：`&lt;IMG&gt;`标签插入图像，`SRC`属性指定图像源，`ALT`属性提供替代文本。`ALIGN`...

    html标记参考大全手册

    &lt;img src="map.jpg" usemap="#site-map"&gt; &lt;map name="site-map"&gt; &lt;area shape="rect" coords="0,0,100,100" href="page1.html"&gt; &lt;area shape="circle" coords="200,200,50" href="page2.html"&gt; &lt;/map&gt; ``` ...

    html标签说明-适用于初学者.txt

    6. **`&lt;DIV&gt;`**：用于组合文档中的部分元素，并应用于样式（CSS）或者JavaScript操作。 - **示例**： ```html &lt;DIV align="center"&gt; 这是一个居中的段落。 &lt;/DIV&gt; ``` 7. **`&lt;BLOCKQUOTE&gt;`**：用于表示引用较...

    html标签总结

    - **示例**：`&lt;table&gt;&lt;colgroup span="2" style="background-color:yellow"&gt;&lt;col style="background-color:gray"&gt;&lt;tr&gt;&lt;th&gt;A&lt;/th&gt;&lt;th&gt;B&lt;/th&gt;&lt;th&gt;C&lt;/th&gt;&lt;/tr&gt;&lt;/table&gt;` #### 定义列表项描述：`&lt;dd&gt;` - **作用**：定义...

    javaweb笔记

    - **使用图片作为链接**：可以在`&lt;a&gt;`标签中嵌入`&lt;img&gt;`标签。 - 示例：`&lt;a href="html01.html"&gt;&lt;img src="image.jpg" alt="示例图片" /&gt;&lt;/a&gt;` - **热点链接**：使用`&lt;map&gt;`和`&lt;area&gt;`标签可以为图片的不同区域设置...

    HTML语法大全，挺全面的

    - `&lt;A HREF="#***"&gt;`：创建内部链接，跳转到页面内的锚点。 - `&lt;A NAME&gt;`：定义锚点，供内部链接使用。 - `&lt;IMG SRC&gt;`：插入图像。 - `&lt;IMG ALIGN&gt;` 和 `&lt;IMG ALIGN=*&gt;`：控制图像的对齐方式。 - `&lt;IMG ALT&gt;`：...

    HTML标签解释大全

    &lt;img src="image.jpg" usemap="#examplemap"&gt; &lt;map name="examplemap"&gt; &lt;area shape="rect" coords="0,0,82,126" href="http://www.example.com/"&gt; &lt;/map&gt; ``` ##### 标签：attribute - **说明**：虽然没有...

    HTML标记参考 HTML标记的较详细手册

    - `&lt;A HREF&gt;`：创建超链接，指向其他页面或页面内的位置。 - `&lt;A NAME&gt;`：创建锚点，供链接跳转。 - `&lt;IMG SRC&gt;`：插入图像，`ALT`属性用于提供替代文本。 - `&lt;IMG ALIGN&gt;`：控制图像的对齐方式。 - `&lt;IMG ...

    总结php标记码

    - `&lt;A&gt;`：定义超链接，通过`HREF`属性指定链接目标。 - `NAME` 和 `HREF` 属性结合创建锚点，用于页面内部跳转。 - `&lt;IMG&gt;`：插入图像，`SRC`定义图像源，`ALT`提供替代文本，`WIDTH`和`HEIGHT`定义尺寸，`BORDER...

    html参考大全

    - `&lt;IMG&gt;` 用于插入图像，`SRC` 属性指定图像源，`ALT` 提供替代文本，`WIDTH` 和 `HEIGHT` 设置尺寸，`ISMAP` 和 `USEMAP` 创建可点击的图像地图。 5. **链接与图形**： - `&lt;A&gt;` 标签创建超链接，`HREF` 指定...

    HTML标记大全

    - `&lt;A&gt;` 和 `&lt;/A&gt;`：创建超链接，`HREF`属性定义链接的目标。 - `#***`：创建内部锚点链接。 - `TARGET`：指定链接打开的新窗口或框架。 - `&lt;IMG&gt;`：插入图像，`SRC`属性指定图像源。 - `ALIGN`：图像的对齐...

    html中map热点area的使用全部代码和效果，兼容所有浏览器

    3. 使用绝对路径：在`&lt;img&gt;`的`src`和`&lt;area&gt;`的`href`中使用绝对路径，以防止相对路径在不同浏览器中解析不一致。 4. 图像尺寸：确保`&lt;img&gt;`标签的`width`和`height`属性已设定，这样即使图片尚未加载，也能正确...

    HTML的基础知识.doc

    4. 图像：`&lt;IMG SRC="URL"&gt;` 插入图像，`ALIGN` 属性控制对齐方式，`ALT` 提供替代文本，`ISMAP` 和 `USEMAP` 用于交互式图像，`&lt;MAP&gt;` 和 `&lt;AREA&gt;` 定义图像地图。 5. 图像大小：`WIDTH` 和 `HEIGHT` 设置像素尺寸...

    简单网站后台管理

    简易的网站后台管理代码&lt;%@ Page Language="C#" AutoEventWireup="true" CodeBehind="login.aspx.cs" Inherits="wangluo.user.login" %&gt; &lt;!DOCTYPE ...

    HTML语法字典

    - `&lt;img&gt;`：除了基本属性外，还可以使用`usemap`属性来定义图像地图。 **动态与交互**: - `&lt;meta&gt;`：用于定义页面的元信息，如刷新频率和跳转URL。 - `&lt;noscript&gt;`：用于为不支持JavaScript的浏览器提供替代内容。...

    web的开发基础

    &lt;img src="image_url" usemap="#MapName"&gt; ``` - **锚点**： - 定义锚点： ```html &lt;a name="anchor_name"&gt;文本&lt;/a&gt; ``` - 使用锚点： ```html &lt;a href="#anchor_name"&gt;跳转到锚点&lt;/a&gt; ``` - **发送邮件...

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