Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使单击div重定向到另一页的锚定点_Javascript_Html - Fatal编程技术网

Javascript 如何使单击div重定向到另一页的锚定点

Javascript 如何使单击div重定向到另一页的锚定点,javascript,html,Javascript,Html,示例:在我的网站的另一个子页面上,单个服务第一个标签重定向到xx,第二个标签重定向到yy <div class="row"> <div class="col-lg-4 col-md-6"> <div class="single-service lk1"> <p>Lorem ipsum dolor sit amet consectetur adipisicing eli<

示例:在我的网站的另一个子页面上,单个服务第一个标签重定向到xx,第二个标签重定向到yy

    <div class="row">
        <div class="col-lg-4 col-md-6">
            <div class="single-service lk1">
              <p>Lorem ipsum dolor sit amet consectetur adipisicing eli</p>
            </div>
        </div>
        <div class="col-lg-4 col-md-6">
            <div class="single-service lk2">
              <p>Lorem ipsum dolor sit amet consectetur adipisicing eli</p>
            </div>
        </div>
     </div>

const $offert = ["xx", "yy"];
const $clicken = $('.single-service');

$($clicken).click(function(){
        window.location='oferta/index.html';
    })});

只需添加你想进入ie的div的id

window.location='oferta/index.html#id';
这些东西应该在没有脚本引擎帮助的情况下工作


请使用传统的HTML锚,例如stackoverflow上的Welcome,请使用并创建一个..也许您想这样做:window.location='oferta/index.htmlanchorName';这种解决方案的主要问题是,我必须为行中的每个元素编写6次几乎相同的代码行,以便它可以重定向到另一个锚点。我想对它稍加修改,这样在1函数中,我可以不知何故计算单击了哪一个,并重定向到它匹配的锚点存储锚点id,然后使用window.location='oferta/index.html'+this.id;只有当我要单击的div的id与我要重定向到的元素相同时,这才有效。我说的对吗?Patryk Brudzynski yesOh谢谢!我一直在寻找它,这很好,因为我试图让它变得更难DI不确定我是否能跳转,因为我说过我已经把简单的任务复杂化了。无论如何,谢谢,我已经检查过了,它工作了,但它使我的元素成为一个链接,所以我想我会留在这个函数解决方案中我知道我可以很容易地摆脱它,但你认为它会对我的网站产生任何影响吗?加载速度变慢了还是什么?哦:如果你想知道为什么HTML的名字中有一个H,这就是原因!锚和链环。早在部署JavaScript肌肉之前,A标签就彻底改变了WWW。标记的使用不再是强制性的,因为从W3C 1996开始,我们至少有了可以应用于任何HTML元素的ID标准属性
    <div class="row">
        <div class="col-lg-4 col-md-6">
            <div class="single-service lk1" data-anchor="xx">
              <p>Lorem ipsum dolor sit amet consectetur adipisicing eli</p>
            </div>
        </div>
        <div class="col-lg-4 col-md-6">
            <div class="single-service lk2" data-anchor="yy">
              <p>Lorem ipsum dolor sit amet consectetur adipisicing eli</p>
            </div>
        </div>
     </div>

const $clicken = $('.single-service');

$($clicken).click(function(){
        window.location='oferta/index.html#'+$(this).data('anchor');
    })});