`

<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标签
评论
发表评论

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

相关推荐

    博客网站首页界面

    &lt;p class="comments"&gt;Comments - &lt;a href="sc.chinaz.com"&gt;17&lt;/a&gt; &lt;span&gt;|&lt;/span&gt; &lt;a href="index2.html"&gt;Continue Reading&lt;/a&gt;&lt;/p&gt; &lt;/div&gt; &lt;div class="post"&gt; &lt;h2&gt;Original Wordpress Themes&lt;/h2&gt; &lt;div&gt;&lt;span...

    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 ...

    HAPPY欢乐屋for leadbbs3.14

    align=center&gt;&lt;br&gt; &lt;tr&gt; &lt;br&gt; &lt;td align=center&gt;&lt;a name=top&gt;&lt;/a&gt;&lt;img src=&quot;/images/skin/1/other/keke.gif&quot; width=&quot;740&quot; height=&quot;222&quot; border=&quot;0&quot; &lt;br&gt; &lt;br&gt; usemap=&...

    简单网站后台管理

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

    个人网页模版

    &lt;td width="530" height="175" valign="top"&gt;&lt;img src="images/main.gif" width="530" height="175" border="0" usemap="#Map"&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td height="36" valign="top"&gt;&lt;table width="530" border="0" ...

    网站广告招商效果提手框（http://www.zgqzw.com/Copyright/ad.asp）源码

    &lt;SCRIPT language=JavaScript src="inc/Popup.js"&gt;&lt;/SCRIPT&gt; &lt;table cellspacing="0" cellpadding="0" width="730" summary="" border="0"&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td&gt; &lt;p align="left"&gt;&nbsp; &lt;/p&gt; &lt;p align="left"&gt;&...

    兰理工网页作业之个人简历制作

    &lt;img src="img/机器猫.png" usemap="map" width="%" height="%"&gt; &lt;map id="map" name="map"&gt; &lt;area shape="circle" coords="200,50,30" href="Introduce.html" title="这是机器猫的左眼睛" target="_blank"&gt; ...

    一张图片分割，用input框形成按钮

    &lt;img &gt;/images/dl.gif" width="81" height="22" border="0" usemap="#Map"&gt; 上面的图片在&lt;body&gt;中 而下面这句放入&lt;body&gt;外 &lt;map name="Map"&gt; &lt;area shape="rect" coords="3,3,36,19" href="#"&gt; &lt;area ...

    旺铺分类代码

    旺铺分类代码，让装修变得更简单。&lt;img src="http://img03.taobaocdn.com/imgextra/i3/136488456/T2bvodXi8aXXXXXXXX_!!136488456.jpg" width="750" height="104" border="0" usemap="#Map11"&gt; &lt;map name="Map11"&gt; ...

    Mapify：使用jQuery，SVG和CSS3的响应式和可样式化的图像地图

    $ ( "img[usemap]" ) . mapify ( ) ; 约夏克布丁 $ ( "img[usemap]" ) . mapify ( { popOver : { content : function ( zone ) { return "&lt;strong&gt;" + zone . attr ( "data-title" ) + "&lt;/strong&gt;" + ...

    jquery需要的所有js文件

    h=a("img[usemap=#"+g+"]")[0];return!!h&&d(h)}return(/input|select|textarea|button|object/.test(e)?!b.disabled:"a"==e?b.href||c:c)&&d(b)}a.ui=a.ui||{};a.ui.version||(a.extend(a.ui,{version:"1.8.18",...

    用CSS中的map标签制作单图多区域点击的示例

     img标签中的usemap属性可引用的map标签中的id或name属性（取决于浏览器），所以我们应同时向map标签添加id和name属性。 示例 例如我们想在下面一张图实现九个热点区域，不切图，就使用map标签。 首先用 ps 得到几...

    JFreeChart双Y轴折线图实例，可以直接运行

    &lt;img src="&lt;%= graphURL %&gt;" width="600" height="400" border="0" usemap="#&lt;%= filename %&gt;"&gt; 记得在每次调用saveChartAsPNG 方法前都要 session.removeAttribute("JFreeChart_Deleter"); 用户退出系统也记得...

    IMG中UserMap的使用示例

    usemap是标签的一个属性，用作指明所使用的图像地图名，接下来为大家介绍下UserMap的使用方法，感兴趣的朋友可以参考下

    用基于栅格数据结构的USEMAP软件包制作多因素叠加专题图.pdf

    #资源达人分享计划#

    Warcraft3_UseMap01：라이브러리작성중

    Warcraft3_UseMap01：라이브러리작성중

    需要做特殊处理的DOM元素属性的访问

    代码如下: var props = { ’for’ : ‘htmlFor’, ’class’: ... ‘tabIndex’, usemap: ‘useMap’, frameborder: ‘frameBorder’ } 说点题外话，用json格式来创建对象的话，建议属性不需要单引号或者双引

    react-maps：围绕Leaflet的ReactJS

    与现有的相比，我们要在此仓库中设置不同的内容： React和Leaflet尽可能解耦。 我们不想基于传单选项，方法和事件引入任何副作用。 这样，可以更轻松地更新传单依赖关系。 以“React方式”构建组件，无需扩展js类...

    timezonepicker:一个基于jQuery和ImageMap的时区选择器

    翻转时区突出显示（感谢 ）用法使用所有默认设置的基本通话： $ ( '#img-with-usemap-attr' ) . timezonePicker ( ) ; 一些简单的选择： $ ( '#img-with-usemap-attr' ) . timezonePicker ( { pin : '.timezone-pin...

    PHP-HTMLhtml重要知识点笔记(必看)

    2.在图片上利用映射距离usemap来实现按钮跳转。——第8尾集 3.表单必须要有name和value，因为抓包的时候，可发现必须要提交它们 4.fieldset标签——&gt;legend、lable 5.只能用margin-top、margin-left定位div距离页面...

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