首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

当“恢复窗口”到原始大小时跳转到html锚点,没有JS?

恢复窗口到原始大小时跳转到HTML锚点,没有使用JavaScript,可以通过使用CSS的:target伪类来实现。

首先,我们需要在HTML中定义一个锚点,可以使用<a>标签,并设置一个唯一的id属性作为锚点的标识符。例如:

代码语言:txt
复制
<a id="my-anchor"></a>

然后,在需要触发跳转的元素上,可以使用<a>标签的href属性来指向该锚点的id。例如:

代码语言:txt
复制
<a href="#my-anchor">点击这里</a>

接下来,我们可以使用CSS的:target伪类来为目标锚点设置样式或执行其他操作。例如,我们可以将目标锚点的背景颜色设置为黄色:

代码语言:txt
复制
#my-anchor:target {
  background-color: yellow;
}

这样,当点击包含链接的元素时,页面将滚动到指定的锚点位置,并且该锚点的背景颜色将变为黄色。

关于腾讯云相关产品和产品介绍链接地址,由于要求不能提及具体品牌商,我无法提供具体的链接。但是,腾讯云提供了丰富的云计算服务,包括云服务器、云数据库、云存储等,您可以在腾讯云官方网站上查找相关产品和详细介绍。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Html标签href的困惑记载

近日,在工作中遇到一个小问题(给手游平台做些网页活动,其中牵涉一个按钮链接,就习以为常的用了标签,Click响应之后走一段js代码逻辑-弹出一个分享微信弹框。...我坚信这一。惹出些问题并不见得都是坏事。每每因为自己的造成的这些个问题,反倒收获不少,?。 之后就去查证了下关于这Html标签的Href属性。超链接的 URL。...而对于Href第三~指向页面中的,如下用法: 需要转到地方添加,文字,注意href值是#开头+英文字母命名 需要在被转到位置添加,<span id="命名" name...总结:#包含了一个位置信息默认的是#top 也就是网页的上端; 而javascript:void(0)仅仅表示一个死链接,没有任何信息。...故此:此处不依靠href属性做页面跳转时候,最好还是用javascript:;更优一。 ---- Gui求指点,欢求吐槽!

3.3K50
  • HTML标记之a标签

    ;       _self 在自身窗口打开(默认);       _parent 在上一级窗口打开,框架会经常使用;       _top 在浏览器整个窗口中打开,忽略任何框架。...二、链接的种类    1.内部链接(当前文档与目标文档在同一站内);    2.外部链接(当前文档与目标文档不在同一站内);    3.E-mail链接(并允许访问者向指定的地址发送邮件);    4.连接 跳转到同一网页或其他文档的指定位置:创建...,显示内容链接,显示内容;    5.空链接,就是没有目标端点的链接,显示内容...;    6.脚本链接:是一种特殊的链接,单击设置脚本链接的文本或图像时,可以运行相应的JS语句。

    2.4K40

    HTMLHTML 标签总结 ★★★ ( 标签类型 | 排版标签 | 文本格式化标签 | 标签属性 | 图像标签 | 链接标签 | 注释标签 | 点定位 | 预格式化文本标签 | 特殊符号 )

    没有任何效果 ; 点击链接 4 , 跳转到博客页面 ; 点击链接 5 , 原窗口保留 , 在新窗口显示博客页面 ; 十三、注释标签 ---- 如果在 HTML 页面中进行 代码注释 ,.../hello.html">跳转到上一级目录 十五、点定位 ---- 点定位步骤 : 创建 : 使用 id 属性 , 创建 跳转 , 一般情况下是在各种级别的标题上添加的...">标题4 创建链接 : 跳转到 标题1 跳转到 标题2 跳转到 标题3 跳转到 标题4 代码示例 : 跳转到 标题1 跳转到 标题2 <

    6.9K30

    markdown高级写作技巧汇总

    return Array.from(new Set(arr)) + return [...new Set(arr)] } ``` 在 Markdown 中,```用来表示代码块,跟在后面的是语言类型,比如 js...[]() 转化成 html 后就变成 img 标签,所以直接在 Markdown 中写 img 标签并且加上宽高。 bash 复制代码// 原始 markdown 语法 !...PVGz50qE1S4xsEsmypVp-g) 用到 和 标签 展开查看规范 这是展开后的内容1 5 链接...链接就是点击后会跳转到对应的位置,想到链接跳转就能想到 标签 实现方式 ① Markdown 原始写法 [名称](#id) 点击我跳转到目录树 [点击我跳转到目录树](#目录树)...7 换行 Typora换行后发到 github 发现并没有什么卵用,其实这时候使用 CSS 的 标签。 上面这一行就是换行效果了。

    22630

    HTML 基础

    链接 HTML 使用超级链接与网络上的另一个文档相连。 几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。 HTML 使用标签 来设置超文本链接。...超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。 您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。...使用命名(named anchors)时,我们可以创建直接至该命名(比如页面中某个小节)的链接,这样使用者就无需不停地滚动页面来寻找他们需要的信息了。...下面的这行会在新窗口打开文档: Visit 图像 HTML 图像是通过标签 来定义的...在 XHTML、XML 以及未来的 HTML 版本中,不允许使用没有结束标签(闭合标签)的 HTML 元素。 即使 在所有浏览器中的显示都没有问题,使用 也是更长远的保障。

    2.4K100

    Sublime Text3 使用教程

    ": "source.js,source.json"}]}, DocBlockr安装该插件后,可以快速生成各种注释格式,需要生成注释符号时,输入/*、/然后回车系统即帮你自动生成,如果/后面刚好是一个函数的定义...HTML-CSS-JS Prettify格式化HTML,CSS,javascript和Json代码格式。...symbol符号所在的位置,输入#keyword跳转到keyword所在的位置,输入:n跳转到文件的第n行 Ctrl + R:列出当前文件中的符号(例如类名和函数名,但无法深入变量名),输入符号名称...6.窗口和Tab页 Ctrl + N: 在当前窗口创建一个新标签 Ctrl + Shift + N: 创建一个新窗口(该快捷键 和搜狗输入法快捷键冲突) Ctrl + W: 关闭标签页,如果没有标签页了...,则关闭该窗口 Ctrl+Shift+W:关闭所有打开文件 Ctrl + Shift + T: 恢复刚刚关闭的标签。

    7.5K20

    XS-leaks信息泄露利用方法

    XS-leaks信息泄露利用方法 这段时间遇到了好几个XS-leaks的题目,在这里记几个有关知识和相关题目 XS-leaks信息泄露介绍很多的一个WiKi:XS-Leaks Wiki #:~:text...=xxx 相当于依据聚焦的描,如果稳重有内容xxx的话就会滑动到对应位置 PS:这个功能在火狐没使用成功,但是在Chrom时候没问题的 此外,xxx的内容还可以使用一定格式来进行匹配,但是并没有找到格式定义的介绍...#id 一个链接后面加上了#id之后网页页面就会聚焦对应id号随对应的标签 访问url#continue就会自动聚焦跳转到页尾的continue标签处 script的focus()函数 上面代码会先新建一个窗口打开当前url根目录下的/xxx1.html页面,然后再新建一个窗口打开链接http://127.0.0.1/xxx2.html iframe标签 <

    27930

    JavaScript学习参考结构

    使用 document.write() 方法将内容写到 HTML 文档中。 使用 innerHTML 写入 HTML 元素。 使用 console.log() 写入浏览器的控制台。...字符串String 对象方法 方法 描述 anchor() 创建 HTML 。 big() 用大号字体显示字符串。 blink() 显示闪动字符串。 bold() 使用粗体显示字符串。...UTC() 根据世界时返回 1970 年 1 月 1 日 指定日期的毫秒数。 valueOf() 返回 Date 对象的原始值。...JS HTML DOM Document 对象集合 集合 描述 all[] 提供对文档中所有 HTML 元素的访问。 anchors[] 返回对文档中所有 Anchor 对象的引用。...语法:prompt("文本","默认值") ajax获取数据 json格式化js能接收的数据 js处理处理数据(dom、bom、事件) 提交数据流程反过来 参考 timing http://www.w3school.com.cn

    2K20

    爬虫 (五) 必须掌握的基础概念 (二)

    保障在Internet上数据传输的安全 HTTP的端口号为80, HTTPS的端口号为443 HTTP工作原理 网络爬虫抓取过程可以理解为模拟浏览器操作的过程 浏览器的主要功能是向服务器发出请求,在浏览器窗口中展示您选择的网络资源...浏览器分析Response中的 HTML,发现其中引用了很多其他文件,比如Images文件,CSS文件,JS文件。 浏览器会自动再次发送Request去获取图片,CSS文件,或者JS文件。...所有的文件都下载成功后,网页会根据HTML语法结构,完整的显示出来了。...host:服务器的IP地址或者域名 port#:服务器的端口(如果是走协议默认端口,缺省端口80) path:访问资源的路径 query-string:参数,发送给http服务器的数据 anchor:(...跳转到网页的指定位置) 例如: ftp://192.168.0.116:8080/index http://www.baidu.com http://item.jd.com/11936238.html

    37210

    提高效率 |ArcGIS Pro 中所有快捷键一网打尽

    取消编辑值并将原始恢复单元格。 文本格式化标签 用于格式化文本的键盘快捷键 键盘快捷键 操作 注释 Ctrl+U 应用下划线。...移动 用于“移动”工具的键盘快捷键 键盘快捷键 操作 注释 Ctrl + 单击 重新定位。 将选择重新定位单击位置。您可以放大要素,而不会在活动视图中看到当前的位置。...将选择重新定位单击位置。您可以放大要素,而不会在活动视图中看到当前的位置。 Ctrl + 拖动 移动。 移动选择。 S 访问辅助。 打开和关闭辅助。...打开时,点将位于指针位置。 缩放 用于“缩放”工具的键盘快捷键 键盘快捷键 操作 注释 F 应用缩放因子。 打开比例对话框。 Ctrl + 单击 重新定位。 将选择重新定位单击位置。...Ctrl+P 或 Ctrl+I 打开活动要素的弹出窗口。 选项卡 转到下一列。如果在行的末尾,则转到下一行的第一个单元格。 Shift+Tab 转到前一列。

    1.1K20

    从零开始学Web之HTML(二)标签、超链接、特殊符号、列表、音乐、滚动、head等

    鼠标放到链接上显示的文字 target=”self" (默认值),在自身页面打开(关闭自身页面,打开链接页面) Target=”blank” 打开新页面,(自身页面不关闭,打开一个新的链接页面) PS:...1、锚链接 我们先搞清楚什么是锚链接: 锚链接也称链接,命名链接(也叫书签链接)常常用于那些内容庞大繁琐的网页,通过点击命名,自动跳转到我们设置的位置,类似于我们阅读书籍时的目录页码或章回提示...链接可以跳转到页面的任何位置。一般用于在页面下面的时候,点击回到最上面。链接的名称可以随意取,只起到标记作用。 ...... // 超链接到 2、空链 不知道链接到那个页面的时候,用空链 空链 PS:空链相当于 #top,实际点击此链接的时候会跳转到页首的位置.../xxx.rar"> PS:不推荐使用 4、超链接优化写法 // 让所有的超链接都在新窗口打开 PS:写的位置在 head 里面。

    2.5K20

    js常用函数大全107个

    1.document.write(""); 输出语句   2.JS中的注释为//   3.传统的HTML文档顺序是:document->html->(head,body)   4.一个浏览器窗口中的DOM...{statement[s]}   18.文件中出现多个form表单时.可以用document.forms[0],document.forms[1]来代替.   19.窗口:打开窗口window.open...:   51.超链和ONCLICK事件都有时,则老版本的浏览器转向a.html,否则转向b.html.例:<a href="a.<em>html</em>" onclick="...";}} window.onbeforeunload=verifyClose;   86.窗体第一次调用时使用的文件句柄:onload()   87.窗体关闭时调用的文件句柄:onunload()..."),hash("#giantGizmo",指跳转到相应的记),href(全部的信息)   89.window.location.reload()刷新当前页面.   89-1.parent.location.reload

    3.4K10

    js事件

    1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document->html->(head,body) 4.一个浏览器窗口中的DOM顺序是:window...{statement[s]} 18.文件中出现多个form表单时.可以用document.forms[0],document.forms[1]来代替. 19.窗口:打开窗口window.open(),...HTML: 51.超链和ONCLICK事件都有时,则老版本的浏览器转向a.html,否则转向b.html.例:<a href="a.<em>html</em>" onclick......的多重继续. 73.JS中的self指的是当前的窗口 74.JS中状态栏显示内容:window.status="内容" 75.JS中的top指的是框架集中最顶层的框架 76.JS中关闭当前的窗口:..."),hash("#giantGizmo",指跳转到相应的记),href(全部的信息) 89.window.location.reload()刷新当前页面. 89-1.parent.location.reload

    10.8K110

    卸载 Notepad++!事实已证明,它更牛逼…

    Ctrl + R 会列出当前文件中的符号(例如类名和函数名,但无法深入变量名),输入符号名称 Enter 即可以跳转到该处。...窗口没有标签时,使用 Ctrl + W 关闭该窗口。...# 标签(Tab) 使用 Ctrl + N 在当前窗口创建一个新标签, Ctrl + W 关闭当前标签, Ctrl + Shift + T 恢复刚刚关闭的标签。...5.Ctrl + R:跳转到指定符号 6.Ctrl + G:跳转到指定行号 # 窗口(Window) 1.Ctrl + Shift + N:创建一个新窗口 2.Ctrl + N:在当前窗口创建一个新标签...3.Ctrl + W:关闭当前标签,窗口没有标签时会关闭该窗口 4.Ctrl + Shift + T:恢复刚刚关闭的标签 # 屏幕(Screen) 1.F11:切换普通全屏 2.Shift +

    1.2K30

    请马上卸载Notepad++,事实已证明,它可以……

    Ctrl + R 会列出当前文件中的符号(例如类名和函数名,但无法深入变量名),输入符号名称 Enter 即可以跳转到该处。...窗口没有标签时,使用 Ctrl + W 关闭该窗口。...# 标签(Tab) 使用 Ctrl + N 在当前窗口创建一个新标签, Ctrl + W 关闭当前标签, Ctrl + Shift + T 恢复刚刚关闭的标签。...5.Ctrl + R:跳转到指定符号 6.Ctrl + G:跳转到指定行号 # 窗口(Window) 1.Ctrl + Shift + N:创建一个新窗口 2.Ctrl + N:在当前窗口创建一个新标签...3.Ctrl + W:关闭当前标签,窗口没有标签时会关闭该窗口 4.Ctrl + Shift + T:恢复刚刚关闭的标签 # 屏幕(Screen) 1.F11:切换普通全屏 2.Shift +

    2.4K10
    领券