a标签的onclick与href作用

合集下载

html中onclick用法

html中onclick用法

HTML中onclick用法在HTML中,onclick是一个常见的事件属性,用于定义当用户单击某个元素时执行的特定代码。

点击事件是Web开发中常用的一种交互方式,通过onclick属性,我们可以实现响应用户点击的功能,并执行相应的操作。

onclick属性语法在HTML中,我们可以为一个元素(如按钮、链接、图片等)添加一个onclick属性,该属性的值是一段JavaScript代码。

当用户点击该元素时,执行该代码。

以下是onclick属性的基本语法:<element onclick="JavaScript代码">onclick的使用方法onclick属性可以应用于HTML中的各种元素,如按钮、链接、图片等,来触发响应事件。

接下来,我们将分别介绍这些应用场景下的具体使用方法。

1. 按钮点击事件按钮是HTML中常用的元素,用户通过单击按钮来执行特定的操作。

使用onclick 属性可以定义按钮被点击时执行的代码。

以下是一个示例,点击按钮会在控制台输出一个信息:<button onclick="console.log('按钮被点击')">点击我</button>2. 链接点击事件链接是HTML中跳转页面的常用元素,我们可以使用onclick属性来为链接添加点击事件,并在点击链接时执行相应的操作。

以下是一个示例,点击链接会在控制台输出一个信息,并阻止默认跳转行为:<a href="" onclick="console.log('链接被点击'); return false;">点击我</a>3. 图片点击事件图片在网页中常用于展示图像内容,我们可以使用onclick属性为图片添加点击事件,并在点击图片时执行特定的操作。

以下是一个示例,点击图片会在控制台输出一个信息:<img src="image.jpg" onclick="console.log('图片被点击')">4. 其他元素的点击事件除了按钮、链接和图片,onclick属性还可以应用于其他HTML元素,如段落、标题等。

ahref=#是什么意思?

ahref=#是什么意思?

ahref=#是什么意思?联接是当前页面。

-------------------通常有如下用法:<a href="#" onclick="window.close()">关闭</a>将href="#"是指联接到当前页面,其实是无意义的,页面也不会刷新,关键是后面的onclick,当点击“关闭”时,会执行window.close()代码。

你或许会说为什么不直接写成<a onclick="window.close()">关闭</a>如果这样写,关闭这两个字就不会作为超联接处理,效果看上去会差一些。

你可以自己试试。

a标签,href代表的连接地址,如:href="",这样你可以通过此标签页面跳转到百度;你说的href="#"代表的连接地址是本页面[页面跳转到本身页面];这个实际上是一个书签的另一种用法建立书签语法:<a name="书签名称">文字</a>链接到同一页面的书签(运用)语法:<a href="#书签的名称">链接的文字</a>链接到不同页面的书签语法:<a href="链接文件的地址#书签名称">链接的文字</a> (注意引号和#号)正常情况下点击:<a href="#书签名称">链接的文字</a>这个链接,则光标会自动跳转到本页面的:<a name="书签名称">文字</a>的位置。

但是你写成:<a href="#">链接的文字</a>而不写书签名称实际上就是什么都不跳转。

a标签中href=javascript;表示什么意思?

a标签中href=javascript;表示什么意思?

<a>标签中href="javascript:;"表示什么意思?执行一段空白的javascript语句,返回空或者false值,从而防止链接跳转。

这于当前a标签无关,这段代码始终都会执行。

演示如下:1、设计一个a链接的代码,让其点击的时候执行一个alert()函数:2、此页面上显示一个a链接效果:3、点击页面上的a链接,执行结果如下:扩展资料:防止页面跳转的实现方式:1、<a href="#" >test</a>;点击链接,页面默认上返回到页的顶部,但可以加上onclick="return false",防止上滚到页的顶部。

2、<a href="####" >test</a>;使用2个到4个#,见的大多是"####",也有使用"#all"等其他的。

一个无意义的标签指定,不做任何处理。

3、<a href="javascript:void(0);" >test</a>;javascript:void(0) 表示一个死链接,执行空事件。

1、标签的href 属性用于指定超链接目标的URL,href 属性的值可以是任何有效文档的相对或绝对URL,包括片段标识符和JavaScript 代码段。

2、javascript: 是一个伪协议,其他的伪协议还有mail: tel: file: 等等。

<a id="jsddgit" class="set-item" href="javascript:;">修改密码</a>1 javascript:是表示在触发默认动作时,执行一段JavaScript代码,而javascript:; 表示什么都不执行,这样点击时就没有任何反应。

js img锚点定位的方法

js img锚点定位的方法

js img锚点定位的方法【实用版3篇】目录(篇1)1.锚点定位的概念和作用2.锚点定位的方法2.1 使用 a 标签的 name 和 href 属性2.2 使用 area 元素的 href 属性2.3 使用 JavaScript 实现锚点定位3.锚点定位的实际应用案例4.锚点定位的优点和局限性正文(篇1)一、锚点定位的概念和作用锚点定位是一种在网页中实现页面跳转的技术,它可以让用户点击链接后直接定位到页面中的某个特定位置,从而提高用户体验和浏览效率。

在高度较高的页面中,锚点定位的作用尤为明显,因为它可以帮助用户快速定位到感兴趣的内容。

二、锚点定位的方法1.使用 a 标签的 name 和 href 属性a 标签是 HTML 中最常用的链接标签,通过为 a 标签添加 name 和href 属性,可以实现锚点定位。

具体做法是,在需要跳转的链接上添加name 属性,然后设置一个唯一的标识符。

在需要定位的页面内容上添加一个 a 标签,并将其 href 属性设置为“#”加上 name 属性的值。

例如,在页面中的某个位置添加一个链接:```html<a href="#box1">跳转到 box1</a>```然后在需要定位的盒子上添加一个 a 标签:```html<div id="box1"><a name="box1">box1 内容</a></div>```当用户点击“跳转到 box1”链接时,页面会自动定位到“box1 内容”这个位置。

2.使用 area 元素的 href 属性除了使用 a 标签,还可以使用 area 元素实现锚点定位。

area 元素通常用于定义图像映射,但它也可以用于实现锚点定位。

具体做法是,在需要跳转的链接上添加 href 属性,并将其值设置为“#”加上需要定位的元素的 id。

设置a标签,实现点击跳转页面

设置a标签,实现点击跳转页面

设置a标签,实现点击跳转页⾯设置a标签的属性target,下⾯对target属性进⾏描述:跳转在同⼀个窗⼝1、target="_self", 它使得⽬标⽂档载⼊并显⽰在相同的框架或者窗⼝中作为源⽂档。

(此处就是实现你的每次跳转都在同⼀个窗⼝的核⼼点)跳转在新的窗⼝2、target="_blank" ,浏览器总在⼀个新打开、未命名的窗⼝中载⼊⽬标⽂档总结:属性值前⾯都是英⽂字符的下划线_ ,别打错了⽅法1:使⽤onclick事件<input type="button" value="按钮"onclick="javascrtpt:window.location.href='/'" />或者直接使⽤button标签<button onclick="window.location.href = 'https:///'">百度</button>⽅法2:在button标签外套⼀个a标签<a href="/"><button>百度</button></a>或使⽤<a href="/"><input type="button" value='百度'></a>⽅法3:使⽤JavaScript函数<script>function jump(){window.location.href="/";}</script><input type="button" value="百度" onclick=javascrtpt:jump() />// 或者<input type="button" value="百度" onclick="jump()" />// 或者<button onclick="jump()">百度</button>去掉a标签的下划线<style type="text/css">a{text-decoration:none;}</style>。

A标签中调用JS的几种方法

A标签中调用JS的几种方法

A标签中调用JS的几种方法1. 直接使用href属性:使用href属性可以直接调用JavaScript函数,只需在href值中使用"javascript:"作为协议名称,后面跟上要执行的JavaScript代码,例如:```html<a href="javascript:alert('Hello world!')">Click me</a>```这样点击链接时就会弹出一个对话框显示"Hello world!"。

2. 使用onclick事件:```html<a href="#" onclick="myFunction(">Click me</a><script>function myFunctioalert('Hello world!');</script>```这样点击链接时会触发myFunction函数,弹出一个对话框显示"Hello world!"。

3. 使用addEventListener方法:```html<a id="myLink">Click me</a><script>document.getElementById("myLink").addEventListener("click", functioalert('Hello world!');});</script>```这样点击链接时会执行指定的函数,并弹出一个对话框显示"Hello world!"。

4. 使用data-*属性:```html<a href="#" data-function="alert('Hello world!')">Clickme</a><script>document.querySelector("a").addEventListener("click", functioeval(this.dataset.function);});</script>```这样点击链接时会执行存储在data-function属性中的JavaScript 代码,并弹出一个对话框显示"Hello world!"。

html中a的用法

html中a的用法

html中a的用法
HTML的a标签可以用来创建链接,允许用户点击一个跳转到另一个网页。

其最常见的属性是href,用于指定链接的目标。

以下是一些常见的使用方式:
1.创建超链接:使用href属性,后面跟着要跳转的网址。

2.锚点定位:href属性的值以#开头,后面跟着id名。

这种
方式可以实现在同一页面上的不同部分之间跳转。

3.调用电话或邮件功能:href属性的值可以是"tel:"或
"mailto:",后面跟着电话号码或电子邮件地址。

点击这些链接就会直接拨打电话或打开邮件客户端。

4.链接到不同的HTML页面:直接将HTML文件名写进href
中即可实现不同页面的跳转。

以上是HTML中a标签的一些常见用法,更多用法可以查阅相关教程或文档。

html a href标签的用法

html a href标签的用法

HTML<a href>标签的用法一、概述HTML<a href>标签是用来创建超信息的标签,它能够将用户引导到另一个网页或者当前网页中的指定位置。

在网页开发中,<a href>标签的使用非常普遍,我们可以通过它来实现页面之间的跳转、下载文件,或者在当前页面中创建书签。

本文将从基础知识到进阶应用,全面解析HTML<a href>标签的用法。

二、基础用法HTML<a href>标签的基础用法非常简单,它的语法结构如下:```html<a href="URL">信息文本</a>```其中,href属性用来指定信息的目标位置区域,可以是网页的URL、电流信箱位置区域或者通信方式号码等;信息文本是用户在页面上看到的文字,点击这段文字后将会跳转到对应的位置区域。

举个例子,我们可以这样创建一个超信息:```html<a href="">访问示例全球信息湾</a>```当用户点击“访问示例全球信息湾”这段文字时,就会跳转到这个全球信息湾。

三、进阶用法除了简单的跳转功能,HTML<a href>标签还有一些进阶的用法。

1. 下载文件我们可以利用<a href>标签来下载文件,只需要将URL指向文件的位置区域即可,如下所示:```html<a href="path/to/file.pdf">下载PDF文件</a>```用户点击这个信息后,浏览器将会开始下载file.pdf文件。

2. 在当前页面创建书签<a href>标签不仅可以跳转到其他网页,还可以在当前页面中创建书签。

我们可以通过在href属性中指定#加上书签名的方式来实现,例如:```html<a href="#section2">跳转到第二节</a>```在页面的其他地方,我们可以这样标记书签:```html<h2 id="section2">第二节标题</h2>```用户点击“跳转到第二节”后,页面将会自动滚动到第二节标题所在的位置。

a标签中有点击(onclick)事件

a标签中有点击(onclick)事件

a标签中有点击(onclick)事件我们常用的在a标签中有点击事件:1. a href="javascript:js_method();"这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放。

W3C标准不推荐在href里面执行javascript语句2. a href="javascript:void(0);" onclick="js_method()"这种方法是很多网站最常用的方法,也是最周全的方法,onclick 方法负责执行js函数,而void是一个操作符,void(0)返回undefined,地址不发生跳转。

而且这种方法不会像第一种方法一样直接将js方法暴露在浏览器的状态栏。

3.a href="javascript:;" onclick="js_method()"这种方法跟跟2种类似,区别只是执行了一条空的js代码。

4.a href="#" onclick="js_method()"这种方法也是网上很常见的代码,#是标签内置的一个方法,代表top的作用。

所以用这种方法点击后网页后返回到页面的最顶端。

5.a href="#" onclick="js_method();return false;"这种方法点击执行了js函数后return false,页面不发生跳转,执行后还是在页面的当前位置。

我看了下taobao的主页,他们采用的是第2种方法,而alibaba 的主页是采用的第1种方法,和我们的区别是每个href里的javascript 方法都用try、catch包围。

js中a标签绑定按钮onclick写法

js中a标签绑定按钮onclick写法

js中a标签绑定按钮onclick写法在JavaScript中,你可以使用以下方式为HTML中的`<a>` 标签绑定点击事件,就像为按钮绑定点击事件一样。

下面是一个简单的例子:```html<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Click Event Example</title></head><body><!--使用<a>标签作为按钮--><a href="#" id="myLink">Click me</a><script>// 获取<a>标签元素var myLink = document.getElementById('myLink');// 绑定点击事件myLink.onclick = function() {alert('Link clicked!');};</script></body></html>```在这个例子中,我们使用`getElementById` 获取了具有`id="myLink"` 的`<a>` 元素,然后使用`onclick` 属性将一个函数赋值给点击事件。

当用户点击链接时,将触发这个函数,弹出一个包含"Link clicked!" 的警告框。

vue3 a标签的用法

vue3 a标签的用法

vue3 a标签的用法Vue3是一款流行的前端框架,它提供了许多实用的组件和指令,用于构建用户界面。

在Vue3中,a标签是一种常见的HTML标签,用于创建超链接。

在Vue3中,a标签可以与其他组件和指令结合使用,实现更丰富的交互效果。

一、基本用法在Vue3中,a标签的基本用法与普通HTML中的a标签类似。

它用于将用户导向另一个页面或资源。

在Vue3中,可以使用v-bind指令将a标签的href属性绑定到一个路由对象上,从而实现页面跳转。

例如,以下是一个简单的Vue3组件,其中包含一个a标签:```vue<template><ahref="/home">前往主页</a></template>```在上面的代码中,a标签的href属性绑定到了一个名为"/home"的路由对象上。

当用户点击该链接时,页面将跳转到路由"/home"所对应的页面。

二、使用其他组件和指令除了基本的href属性绑定,a标签还可以与其他Vue3组件和指令结合使用,实现更丰富的交互效果。

以下是一些常用的用法:1.动态更改链接文本:可以使用v-bind指令动态更改a标签的文本内容。

例如,可以使用计算属性或插值表达式来根据数据动态更改链接文本。

2.添加样式:可以使用class或style属性来给a标签添加样式。

可以使用v-bind指令将class属性绑定到一个包含样式类的数组上,或者直接在style属性中编写CSS样式。

3.添加事件处理程序:可以使用v-on指令为a标签添加事件处理程序,例如点击事件、加载事件等。

可以在v-on指令中编写事件处理函数的逻辑。

以下是一个使用这些用法实现的示例:```vue<template><ahref="/home"class="nav-link"v-on:click="toggleMenu">菜单</a></template><script>exportdefault{data(){return{isMenuOpen:false,};},methods:{toggleMenu(){this.isMenuOpen=!this.isMenuOpen;},},};</script>```在上面的代码中,a标签的文本为"菜单",它绑定了"/home"路由,并添加了一个点击事件处理程序toggleMenu()。

href 用法

href 用法

href用法
href在HTML中是用来指定链接的属性。

它的用法是:
<a href="URL">链接文字</a>
其中URL是链接的地址,链接文字就是用户点击的文字链接。

href可以指向的有以下几种:
1.内部链接:指向网站自身的其他页面,也可以是锚点(也就是页内锚),这种链接格式为:<a href="#锚点名">链接文字</a>;
2.外部链接:指向其他网站的页面,这种链接格式为:<a href="http://外部网址">链接文字</a>;
3.键盘按键:指定用户按下键盘上的某个按键,可以完成特定功能,这种链接格式为:
<a href="javascript:功能函数()">链接文字</a>;
4.文件链接:指定跳转到本地文件,可以是文档、图片或者视频,这种链接格式为:<
a href=" 本地文件路径">链接文字</a>;
5.邮件链接:指定跳转到邮件编辑窗口,可以发送邮件,这种链接格式为:<a href= "mailto: 邮箱地址">链接文字</a>;
6.短信链接:指定跳转到短信编辑窗口,可以发送短信,这种链接格式为:<a href= "sms:手机号码">链接文字</a>。

href属性还可以指定一些属性,以控制链接的行为,例如:
1. target:指定链接在何处打开,可以是_blank(新窗口)、_self(本窗口)、_par ent(父窗口)等。

关于A标签的用法

关于A标签的用法

rel:表示设定链接的关系:rel=same表示待链接的文件与此文件相同,rel=next 表示待链接的文件为下一页,rel=parent表示本文件为待链接文件的父文件,rel=previous 则表示待链接的文件为上一页。

rev:则用于设定反向链接。

target:是在采用帧窗口的情况下设定链接到哪一个窗口,还有target="_bank"是表示新开一窗口打开网页。

title:用于设定链接点被选到时显示的标题。

onclick:对应于一个事件,当链接点被点击后将触发这个事件,执行对应的子程序。

onmouseover:与onclick类似,对应的事件在鼠标移到链接点上时被触发。

onmouseout:对应的事件在鼠标移出镇接点后被触发。

举几个例子:<a href="index.htm">回到主页</a><a href="sound.wav">播放语音文件</a><a href="javascipt.open()">执行对应的程序</a><a herf="document.doc">打开对应的文档进行加工</a>应用技巧1、提供下载文件有不少网友来信问,提供下载的效果怎么做。

实际上仍然是做一个超级链接,不过供下载的文件必须上传到网站上。

例:有一个“网页技巧”的文件包供下载,文件名是“homepagejq.zip”且已上传到网站了,则这个链接的代码可以这样写:<ahref="homepagejq.zip">点击这里下载“网页技巧”文件包</a>。

2、在新窗口中打开链接的网页设定“target”的值为“_blank”。

例:新开窗口打开网页“aboutme.htm”。

产生该效果的代码是:<a href="aboutme.htm" target="_blank">关于我......</a>。

a 标签 回调函数

a 标签 回调函数

a 标签回调函数
在HTML中,`<a>`标签用于创建超链接。

它通常用于将文本或图像转变为可点击的链接,指向其他网页或相同页面内的某个位置。

回调函数是指在特定条件下,在某个事件发生时执行的函数。

对于`<a>`标签,可以使用JavaScript中的回调函数来实现各种操作,例如在点击链接后执行某个动作或验证用户的输入等。

以下是一个示例,在点击链接后触发回调函数的代码:html<a href="#" onclick="myFunction()">点击我</a><script> function myFunction() { 这里可以编写需要执行的代码alert("链接被点击了!"); }</script>在上面的示例中,当用户点击链接时,会触发`myFunction()`函数。

在这个函数中,我们使用`alert()`函数弹出一个消息框来显示“链接被点击了!”。

通过使用回调函数,我们可以在`<a>`标签被点击时执行各种自定义的操作。

js a标签的跳转原理

js a标签的跳转原理

js a标签的跳转原理
JavaScript 的 `<a>` 标签的跳转主要依赖于浏览器操作系统的默认行为。

在 JavaScript 中,当你设置一个 `<a>` 标签的 `href` 属性,浏览器会尝试根据这个 `href` 进行跳转。

例如:
```html
<a href=" me</a>
```
当用户点击这个链接时,浏览器会尝试打开这个 URL。

然而,如果你在 JavaScript 中更改了 `<a>` 标签的 `href` 属性,这不会自动触发跳转。

你需要明确地调用一个函数来触发跳转。

例如:
```javascript
('a').href = '
= ' // 这将触发跳转
```
或者,你可以使用 `click()` 方法来模拟用户点击这个链接:
```javascript
('a').click();
```
在大多数情况下,直接修改 `href` 并不会导致跳转,因为浏览器不会自动重新加载或导航到新的页面或 URL,除非你明确地让它这样做。

这是为了防止不希望的用户体验,比如在用户正在填写表单时突然跳转到新页面。

a标签中href的几种用法

a标签中href的几种用法

a标签中href的几种用法
在HTML中,`<a>`标签的`href`属性用于指定链接的目标地址。

下面是
`href`属性的几种常见用法:
1. 链接到网页:最常见的用法是将`href`属性设置为目标网页的URL,例如:
```php
<a href="
```
2. 链接到页面上的特定部分:通过在`href`属性中使用锚点(anchor),可以将链接指向页面上的特定部分,例如:
```php
<a href="section1">跳转到第一个部分</a>
```
3. 下载文件:使用`href`属性可以链接到文件下载,例如:
```php
<a href="" download>下载PDF文件</a>
```
4. 调用JavaScript函数:通过将`href`属性设置为JavaScript函数的名称,可以在点击链接时执行相应的函数,例如:
```php
<a href="javascript:myFunction()">点击这里执行函数</a>
```
5. 触发事件:除了调用JavaScript函数,还可以使用`href`属性触发其他事件,例如:
```php
<a href="" onclick="alert('Hello World!')">点击这里显示警告</a>
```
这些是`href`属性的常见用法,但还有更多的可能性,可以根据具体需求进行灵活使用。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

html中a标签中的onclick和href的使用onclick链接的onclick 事件被先执行,其次是href 属性下的动作(页面跳转,或javascript 伪链接);假设链接中同时存在href 与onclick,如果想让href 属性下的动作不执行,onclick 必须得到一个false 的返回值。

不信,你可以将goGoogle 函数中的return false 注释掉;如果页面过长有滚动条,且希望通过链接的onclick 事件执行操作。

应将它的href 属性设为javascript:void(0);,而不要是#,这可以防止不必要的页面跳动;如果在链接的href 属性中调用一个有返回值的函数,当前页面的内容将被此函数的返回值代替;在按住Shift键的情况下会有所区别。

今天我遇到的问题,在IE6.0里以href的形式访问不到parentNode。

尽量不要用javascript:协议做为A的href属性,这样不仅会导致不必要的触发window.onb eforeunload事件,在IE里面更会使gif动画图片停止播放下面是自己遇到的:如果不设置href属性在IE6下面会不响应hover。

双击后会选中标签的父容器而非这个一a标签(IE下都存在这一问题)。

<a href="javascirpt:fn(this)"> <a onclick="fn(this)"> 假定我们有个fn方法,需要取到这个元素,第一个方法传入的this是空值。

所以,比较推荐的写法是<a href="javascript:void(0)" onclick="fn(this)">下面代码则执行了subgo()函数,<a href="javascript:void(0)" onclick="subgo()">点我</a>在这里,javascript:void(0),没启实质上的作用,它仅仅是一个死链接,执行的函数是subgo ()。

<a href="/wb_zhaoyuwei/blog/#" onclick="subgo()">点我</ a>与<a href="javascript:void(0)" onclick="subgo()">点我</a>区别。

实际上#包含了一个位置信息默认的锚是#top 也就是网页的上端,而javascript:void(0) 仅仅表示一个死链接,没有任何信息。

所以调用脚本的时候最好用void(0)href一般是指向一个URL地址,也可以调用javascript ,如href="javascript:xxx();",文档中推荐这样写:<a href="/wb_zhaoyuwei/blog/ javascript: void(0)" onclick="xxx();">xx</a>,但是这种方法在复杂环境有时会产生奇怪的问题,尽量不要用javascript:协议做为A的href属性,这样不仅会导致不必要的触发window.onbefor eunload事件,在IE里面更会使gif动画图片停止播放。

我们知道链接的onclick 事件被先执行,其次是href 属性下的动作(页面跳转,或java script 伪链接),如果不想执行href 属性下的动作执行,onclick 需要要返回false ,一般是这样写onclick="xxx();return false;".TabPane的JS源码,由于onclic k没有返回FALSE,当IFRMAE中关闭TABPANE时会导致href执行,页面显示有问题。

解决办法就是将下面代码复制到使用TAB的JSP中。

------------------------------------------------------------------------------------------------------------------------------------------至于其他楼说的【IE8中,如:"javascript:;","javascript:void(0)","javascript:void(null) "都被拒绝】因为没有安装IE8,不敢妄下结论。

------------------------------------------------------------------------------------------------------------------------------------------如果在实际应用中确实是要用到<a>标签来响应onclic k事件的。

那么就建议使用下面三种方法1.<a href="javascript:void(0)" onclick="doSomething()">test</a>2.<a href="http://blog.16/wb_zhaoyuwei/blog/" onclick="doSom ething();r eturn false">test</a>3.<a href="/wb_zhaoyuwei/blog/" onclick="doSom ething(); event.returnValue=false">test</a>--------------------------------------------------------------------------------------------------超级链接<a>标记代表一个链接点,是英文anchor(锚点)的简写。

它的作用是把当前位置的文本或图片连接到其他的页面、文本或图像,这已是众所周知了,但关于它的语法结构可能有点鲜为人知,而要用活它则必须了解其语法结构。

<a>标记的基本语法结构是:<aclass=typeid=valuehref=referencenam e=valuerel=same|next|parent|previousrev=valuetarget=windowstyle=valuetitle=titleonclick=functiononmouseout=functiononMouseOver=function>连接</a>从标记的语法结构可以看出,在设定一个超级链接时有很多参数可供选择,以实现不同的链接效果,这有点出乎意料吧?!其中class和id选项:用于设定链接点所属的类型和分配的ID号,通常不加以设定。

最常用的两个参数是href和name。

其中href是hypertext reference的缩略词,用于设定链接地址。

链接地址必须为url地址,如果没有给出具体路径,则默认路径和当前页的路径相同。

链接到的文件也分为几种情况:如果为HTML文件,则在当前浏览器中直接打开;如果为可执行文件(.exe文件),则直接执行或下载,我们提供下载的文件就是用它的这种特性做的;如果为文本文件如word格式的文件,则在浏览器中打开此文件,并可以进行编辑加工。

rel:表示设定链接的关系:rel=same表示待链接的文件与此文件相同,rel=next表示待链接的文件为下一页,rel=parent表示本文件为待链接文件的父文件,rel=previous则表示待链接的文件为上一页。

rev:则用于设定反向链接。

target:是在采用帧窗口的情况下设定链接到哪一个窗口,还有target="_bank"是表示新开一窗口打开网页。

title:用于设定链接点被选到时显示的标题。

onclick:对应于一个事件,当链接点被点击后将触发这个事件,执行对应的子程序。

onmouseover:与onclick类似,对应的事件在鼠标移到链接点上时被触发。

onmouseout:对应的事件在鼠标移出镇接点后被触发。

举几个例子:<a href="/wb_zhaoyuwei/blog/index.ht m">回到主页</a><a href="/wb_zhaoyuwei/blog/sound.wav">播放语音文件</a><a href="/wb_zhaoyuwei/blog/javascipt.open()">执行对应的程序</a><a herf="docum ent.doc">打开对应的文档进行加工</a>应用技巧1、提供下载文件有不少网友来信问,提供下载的效果怎么做。

实际上仍然是做一个超级链接,不过供下载的文件必须上传到网站上。

例:有一个“网页技巧”的文件包供下载,文件名是“homepagejq.zip”且已上传到网站了,则这个链接的代码可以这样写:<a href="/wb_z haoyuwei/blog/homepagejq.zip">点击这里下载“网页技巧”文件包</a>。

2、在新窗口中打开链接的网页设定“target”的值为“_blank”。

例:新开窗口打开网页“about m e.ht m”。

产生该效果的代码是:<a href="/wb_zhaoyuwei/blog/about m e.ht m" target=" _blank">关于我......</a>。

3、鼠标移到链接,显示一行说明文字设定“title”参数值,即可获得这种效果。

例:当鼠标移到“黄山村夫”这个链接上时,显示说明“这是一个介绍网页制作技巧的专业网站”。

这个链接的代码是这样的:<a href="http://bl /wb_zhaoyuwei/blog/hscf.htm" title="这是一个介绍网页制作技巧的专业网站">黄山村夫</a>。

相关文档
最新文档