zoukankan      html  css  js  c++  java
  • 在JavaScript中控制链接的点击

    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()里读取文本框的内容后,修改链接aNewPagehref,然后触发其click

        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();

        }

     
  • 相关阅读:
    [经典SQL语句]根据父级ID查找所有子级ID,并将所有ID用逗号隔开返回
    小程序页面之间传值
    微信小程序样式wxss各种问题总结(不断更新)
    产品经理--用户体验设计
    linux(centos)下为php添加添加GD扩展
    discuzx3.2发帖流程
    linux(centos)下配置nginx配置文件nginx.conf显示语法高亮
    Mysql关于字段的操作(记录)
    Mysql为表字段添加索引(记录)
    laravel-admin报错: Driver [] is not supported.
  • 原文地址:https://www.cnblogs.com/leftfist/p/4258338.html
Copyright © 2011-2022 走看看