Jquery中文网 www.jquerycn.cn
Jquery中文网 >  脚本编程  >  javascript  >  正文 JavaScript控制链接点击的方法介绍

JavaScript控制链接点击的方法介绍

发布时间:2014-11-12   编辑:www.jquerycn.cn
本文介绍如何在Javascript中控制链接的点击,有需要的朋友,可以参考下。

javascript控制链接<a>的点击,方法如下:
objA.click(),这里objA为一个链接<a>对象。

来看下面的例子。

页页中用<IFRAME>连接页眉文件:header.html和页脚文件:footer.html。
在<IFRAME>里点击链接,如果该链接的Target不为“_top”或“_parent”或“_blank”,则新指向的页面会只在IFRAME里打开。

现在,在页眉页面header.html有一个文本框txtNewAddress,一张图片按扭imgButton,要求点击此图片,将文本框txtNewAddress里的内容带到新的页面里,而新的页面要替换目前整个页面,也就是说,不能只在<IFRAME>里显示。

读取文本框内容,当然要用JavaScript了。
先试试这样:
 

复制代码 代码示例:
<a href=”javascript:ReadTextBox()” target=”top”><img src=”ok.gif” id=”imgButton”></a>


报错。因为点击该链接后,在顶层打开了新页面,而新页面却没有函数ReadTextBox()。

解决方法:
 

复制代码 代码示例:
<a href=”javascript:ReadTextBox()”><img src=”ok.gif” id=”imgButton”></a>

再添加一个链接:
 

复制代码 代码示例:
<a id="aNewPage" target="_top"></a>


思路:
在函数ReadTextBox()里读取文本框的内容后,修改链接aNewPage的href,然后触发其click。
js代码如下:
 

复制代码 代码示例:
<script>
//控制链接点击
//www.jquerycn.cn
function UpToTaxi()
{
var url = "";
  
txt = document.getElementById("txtNewAddress");
if( txt.value != "" )
{
url += "?newurl=" + txt.value;
}
  
obj = document.getElementById("aNewPage");
obj.href = "newpage.aspx" + url;
obj.click();
}
</script>

您可能感兴趣的文章:
JavaScript控制链接点击的方法介绍
a链接触发js函数innerHTML中图片无法加载的解决方法
Jquery hide与toggle方法实现超链接慢慢消失
js 控制页面跳转的五种方法
a链接触发javascript函数导致innerHTML里的图片无法加载的解决办法
js 3秒后跳转页面实例代码
Js代码获取鼠标点击的坐标
javascript 鼠标单击和双击事件并存的实现方法
ASP.NET四种页面导航方式的比较与选择
Asp.net 页面导航的几种方法与比较

[关闭]