首页 > 其他分享 >超链接相关属性:跳转页面、跳转文件、跳转锚点、换成指定应用

超链接相关属性:跳转页面、跳转文件、跳转锚点、换成指定应用

时间:2024-09-23 20:22:47浏览次数:10  
标签:name 标签 锚点 超链接 跳转 id 属性

1.跳转页面

我这里用绝对网络路径跳转百度、京东

说一下img属性值target的含义,值_self是在当前页签跳转,相对的值_blank就是打开新标签跳转

注意事项:点击前的超链接字体为蓝色,点击时为红色,点击后的超链接字体为紫色(只限第一次跳转,第一次以后点击前的超链接字体也为紫色,除非刷新清缓存)

2.跳转文件

浏览器能打开的会自动打开,打不开的会触发下载(如.zip文件)

如果浏览器可以打开,但是想强制触发下载命令,使用 download命令,download的值就是触发下载后的文件名

3.跳转锚点

跳转锚点可以配合id属性使用,也可以配合name,但是我常用的还是配合id来使用

(1)先说一下配合name:

图中代码是配合name使用,因为p标签没有name属性,所以要用一个a标签配合name属性去嵌套p,href属性的值要加上#,点击可以实现跳转到p标签的位置

(2)再说一下配合id:(推荐)

配合id,可以直接在p标签上加上一个id属性,不用再写a标签了,方便。

这里还有一个小技巧:实现回到顶部功能,可以直接在href属性值里写#,代码图:

注意事项,跳转锚点可以跳转到其他页面的锚点,并不是只能在本页面

例子:

跳转锚点注意事项:

4.唤起指定应用

标签:name,标签,锚点,超链接,跳转,id,属性
From: https://blog.csdn.net/yyyyyyysc/article/details/142455560

相关文章

  • H5跳转小程序:wx-open-launch-weapp
    项目场景:在移动端,经常要用到H5和小程序交互,如从H5跳转到小程序,又有小程序嵌入H5。今天主要分享的是从H5跳转小程序的使用方法:wx-open-launch-weapp。问题描述1、如何在H5中调用小程序?回答:在公众号里,小程序管理中,绑定对应的小程序,绑定成功后,就拥有跳转到小程序的权限了。2......
  • 定时器效果(实现打开一个网页一段时间后自动跳转到另一个网页)(感应灯效果)
    实现目标;打开一个网页一段时间后(自定义)自动跳转到另一个网页。相关要点:定时器window.setTimeout(调用函数,延时时间)(window在调用时可省略)eg:window.setTimeout("window.location='https://id5.163.com/index.html'",1000);注:此语句要写在js文件或<script></script>中。即打开......
  • Day01-标题、字体、引用、分割线、图片、超链接、列表、表格、代码
    Day01-标题、字体、引用、分割线、图片、超链接、列表、表格、代码标题一级标题:一个井号空格回车二级标题:两个井号空格回车二级标题三级标题:三个井号空格回车三级标题......(最多到6级标题)字体HelloWorld!!!!!!!斜体:字体两......
  • Vue 目录树正常跳转,浏览器新增页面地址栏输入后created函数请求不走完
    在vue树中开发当created()涉及到多个接口请求的时候,一般我们都是用来渲染页面或者给变量初始化,在实际开发中我遇到了浏览器新增页面用地址直接访问页面数据以默认值展示导致报错,当发现created()涉及多个请求赋初值的情况,将请求用{}包起来保证顺序执行,当每个请求是独立的就会有异步......
  • vim matchit 自定义配对关键字之间的跳转
    vim因其强大的扩展性一直深受linux程序员的喜爱,最近在用vim写verilog的时候,由于一个逻辑块中的beginend较多,常常会多写或者漏掉匹配关键字,很是苦恼,于是寻找匹配关键字间跳转的方法,发现matchit可以用%在关键字之间实现跳转,还可以自定义更多的关键字,相当方便。以下正片:1、安装ma......
  • 路由跳转登录权限判断/vue3
    1main.ts引入路由和权限校验importrouterfrom"./router";//路由守卫权限拦截2-2import"@/router/permisstion";2router文件夹,三个文件1.1indexe.tsimport{createRouter,createWebHistory}from"vue-router";import{constRouter}from".......
  • Python 命令跳转微软应用商店问题解决办法
    最常见的解决办法就是在环境变量中将Python安装路径上移至  %USERPROFILE%\AppData\Local\Microsoft\WindowsApps 路径前。但是有时候这个办法也无法起效,那么此时可以进入系统设置中,将应用执行别名中的python项关闭。其路径在:应用>高级应用设置>应用执行别名 ......
  • zblog php版修改默认后台错误页后登录后台跳转错误
    如果您在修改了Z-BlogPHP版本的默认后台错误页之后遇到了登录后台时跳转错误的问题,这可能是因为修改操作影响了登录流程或者错误处理机制。以下是一些可能的原因及解决方法:1.检查错误页修改问题描述:修改错误页后导致跳转逻辑出错。解决方法:回滚错误页的修改,使用备份的原......
  • 【视频教程】手把手AppWizard轻松制作一个emWin滑动主界面控制框架,任意跳转控制(2024-0
    现在的新版AppWizard已经比较好用,用户可以轻松的创建各种项目常规界面。比如早期创建一个支持滑动的主界面框架,并且可以跳转各种子界面,仅仅界面布局和各种图片格式转换都要花不少时间,而现在使用AppWizard,可以说轻轻松松,毫不费力。用户唯一要做的就是根据自己的芯片性能做一定的速度......
  • PbootCMS提交留言成功后跳转到指定的网址
    要实现在PbootCMS中留言表单提交成功后跳转到指定网址,可以通过修改相关文件来实现。以下是详细的步骤:步骤1:定位相关文件首先找到包含留言表单提交逻辑的相关文件。通常情况下,留言表单的提交逻辑会在 /core/function/helper.php 文件中。步骤2:修改提交成功后的跳转逻辑打......