js怎么控制a标签的显示和隐藏

JavaScript017

js怎么控制a标签的显示和隐藏,第1张

如果要让a标签隐藏可以通过如下方式:

<a

id="anchor"

href="#"

style="display:none">锚点连接</a>

如要要让不显示的a标签显示只需要将style中的"display:none"这个属性给去掉;因此就可以通过js来动态的设置这个a标签的属性达到控制标签显示和隐藏切换的效果。

<SCRIPT

LANGUAGE="JavaScript">

function

hide(){

document.getElementById("anchor").style.display

=

"none"

}

function

show(){

document.getElementById("anchor").style.display

=

"block"

}

</SCRIPT>

JavaScript是一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。

在HTML中标签<a></a>

或者大写字母A

。其中的a(或者

A)

anchor

的缩写

。anchor

['æŋkə]

基本解释是.:锚,

铁锚

的,网页当中的所有连接跳转基本上都是通过a标签来实现的。

在html文档中,基本上所有的标签节点都可以通过样式控制其显示和隐藏的属性,当然A标签也不例外。

js获取a标签的href值的方法和操作步骤如下:

1、首先,打开html编辑器,如下图所示。

2、其次,完成上述步骤后,创建一个新的html文件,例如index.html,然后编写相关代码,如下图所示。

3、接着,完成上述步骤后,在index.html的<script>标记中,输入js代码:$('body').append($('a').attr('href')),如下图所示。

4、最后,完成上述步骤后,浏览器运行index.html页面。 此时,页面a标签的href值被成功取出并打印了,如下图所示。这样,问题就解决了。

target属性是规定了这个a连接的锚指向哪里。

_top是规定了最上层的窗口对象。

js中是可以得到最上层的窗口对象的。

js中每一个窗口,即每一个body标签或者frame标签都会创建一个window对象。

当你直接使用window的时候是当前网页的对象。

而在window中有个属性,

top和parent。

用这两个就能够得到最上层窗口的对象或者父窗口的对象了。