草庐IT

anchor-scroll

全部标签

JavaScript - 跳转到 anchor

我正在尝试打开一个跳转到anchor的div。开头部分有效,但没有跳转到指定的anchor这是我的脚本:functionspoil(id){if(document.getElementById){vardivid=document.getElementById(id);divid.style.display=(divid.style.display='block');window.location='#'+id;}}有什么问题吗?干杯。 最佳答案 您尝试过window.location.hash='#'+id;吗?

javascript - 如何在没有框架的情况下将点击绑定(bind)到 anchor (javascript)

我知道这在jQuery或任何其他框架中很容易完成,但这不是重点。如何在纯javascript中“正确”绑定(bind)点击事件?我知道如何内联(我知道这很糟糕)clickhere这会导致我的javascript在支持JS的浏览器中执行,而链接在没有javascript的浏览器中表现正常?现在,我如何以非内联方式做同样的事情? 最佳答案 如果你只需要分配一个click事件,你可以分配onclick:如果您有身份证:myAnchor=document.getElementById("Anchor");myAnchor.onclick=f

javascript - 使用 `scroll-behavior: smooth` 检测滚动何时完成

当滚动到页面上的元素已完成时,检测的最佳方法是什么?规范说“滚动框在用户代理定义的时间段内使用用户代理定义的计时函数以平滑的方式滚动。用户代理应遵循平台约定,如果有的话。”(2017-11-23)在相关说明中,Firefox58nowhasachrome-onlyscrollendevent. 最佳答案 唯一可行的选择似乎是等待,直到没有更多的scroll事件:lettimer;window.addEventListener('scroll',()=>{clearTimeout(timer);timer=setTimeout(()=

javascript - 使用 jquery 覆盖 anchor 标记的默认行为

我正在尝试覆盖anchor标记的默认行为,以便我可以将我服务器上的网页加载到现有的div中,而不是新的选项卡或窗口中。到目前为止我有:myContainer.click(function(){event.preventDefault();$('a').click(function(){varlink=$(this).attr('href');myContainer.load(link);});});在chrome中我必须点击链接两次才能执行任何操作,在IE和FF中它根本不起作用并使用新链接刷新页面。非常感谢任何帮助。 最佳答案 不应

javascript - 将onclick函数设置为laravel中的 anchor 元素

我正在开发一个laravel应用程序,我想为Htmlanchor元素设置一个onclick函数。所以我按以下方式创建了它。在我的BladeView中{{$value[0]}}我的resources/assets/js/app.jsfunctionmyFunction(){console.log('whatever');returntrue;}这是行不通的,(我还仔细检查了app.js文件是否已使用laravel-mix(npmrundev)并且函数myFunction()在那里。)我想知道为什么它不起作用?blade有什么问题吗?注意:当我将此脚本插入我的同一个BladeView而不添

php - 如何在 WordPress 中获取评论永久链接(使用 HTML anchor )?

我目前使用此代码段来检索最新5条(已批准)评论的列表:Latestcommentscomment_author);?>(/?p=comment_post_ID);?>/#comment-comment_ID);?>">link)comment_content,35);?>...有效,问题是这条线真的很脏:/?p=comment_post_ID);?>/#comment-comment_ID);?>">link我使用/year/month/day/永久链接结构,通过上面的行,我得到了从?p=POST_ID到它的额外重定向。我很确定有更好的方法来获取评论永久链接..你能帮帮我吗?:)

php - 正则表达式删除 anchor 标记,如果它在 myclass 之外

如果给定字符串在我的类(class)之外,我想使用正则表达式从给定字符串中删除anchor标记。输入:HiHelloWorld.Thisistestingcontent.somemorecontent.OnemoreLink.输出:HiHello.Thisistestingcontent.somemorecontent.Onemore.提前致谢。 最佳答案 你可以(顺便说一句,应该)使用DOM方式(仅使用正则表达式将很难,如果不是不可能的话)。这里的方法是寻找没有祖先的超链接div.myclass并从DOM中删除这些:HiHello

php - preg_replace href anchor 与 anchor 文本

如何用每个anchor文本替换所有anchor。我的代码是$body='Themanwasdancinglikealittleboywhileallkidswerewatching...';我希望结果是:Themanwasdancinglikealittleboywhileallkidswerewatching...我用过:$body=preg_replace('#.*?#i','$1',$body);结果是:Themanwaswhileallkidswerewatching... 最佳答案 试试这个$body='Themanwas

php - 使用javascript获取 anchor 标记文本

不知道可不可以!也许我的想法也是错误的。我想调用与我的Wordpress博客中所有链接对应的搜索。我正在使用Ajax调用来进行此站点中的其他搜索。如何从html中的超文本标记中检索链接文本。例如:demo.here我想得到'demo'作为输入。谢谢。 最佳答案 试试这个:varlinks_html_list=[];varlinks=document.getElementsByTagName('a');for(varlinlinks){if(typeoflinks[i]==undefined)continue;links_html_l

php - Markdown 中的自动命名 anchor

我在PHP中使用Markdown,并编写了一个正则表达式来自动将文本包装在里面(如果有的话)-带有命名anchor(Text)的标签用于链接。这是PHP:$text='ThisisaTesttoseeifthisworks';$regex='/\(.+)\/';echopreg_replace($regex,'$2',$text);结果是:ThisisaTesttoseeifthisworks这里重要的是,Markdown重量轻且易于存储空间。手动添加命名anchor违背了完全使用Markdown的目的。这种方法可以很好地用于测试目的,但我想知道(这是问题所在)是否有更好的、更语言无关