AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

HTML链接上把当前的URL做为参数传递时,注意要对URL进行encode,在JS中我们这样实现

2017-12-06 1940
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：

<a href="javascript:void(0)"

onclick="javascript:location.href='http://url/register/login

?reffer='+encodeURIComponent(location.href)">

  <img src="http://img1.c2cedu.com/image/search/images/bg_jc.gif" alt="我要纠错">

</a>

本文转自博客园张占岭（仓储大叔）的博客，原文链接：HTML链接上把当前的URL做为参数传递时,注意要对URL进行encode,在JS中我们这样实现，如需转载请自行联系原博主。

文章标签：
JavaScript
前端开发
关键词：
HTML js
JavaScript HTML
JavaScript URL
HTML链接
HTML url
mcy247
目录
相关文章
温轻舟
|
13天前
|
前端开发 JavaScript
用HTML CSS JS打造企业级官网 —— 源码直接可用
必看！用HTML+CSS+JS打造企业级官网-源码直接可用，文章代码仅用于学习，禁止用于商业
温轻舟
58 1
蓝易云
|
18天前
|
前端开发 JavaScript 安全
HTML+CSS+JS密码灯登录表单
通过结合使用HTML、CSS和JavaScript，我们创建了一个带有密码强度指示器的登录表单。这不仅提高了用户体验，还帮助用户创建更安全的密码。希望本文的详细介绍和代码示例能帮助您在实际项目中实现类似功能，提升网站的安全性和用户友好性。
蓝易云
33 3
疯狂的猿
|
21天前
|
JavaScript
JS鼠标框选并删除HTML源码
这是一个js鼠标框选效果，可实现鼠标右击出现框选效果的功能。右击鼠标可拖拽框选元素，向下拖拽可实现删除效果，简单实用，欢迎下载
疯狂的猿
34 4
疯狂的猿
|
20天前
|
移动开发 HTML5
html5+three.js公路开车小游戏源码
html5公路开车小游戏是一款html5基于three.js制作的汽车开车小游戏源代码，在公路上开车网页小游戏源代码。
疯狂的猿
47 0
html5+three.js公路开车小游戏源码
疯狂的猿
|
28天前
|
JSON 移动开发 数据格式
html5+css3+js移动端带歌词音乐播放器代码
音乐播放器特效是一款html5+css3+js制作的手机移动端音乐播放器代码，带歌词显示。包括支持单曲循环，歌词显示，歌曲搜索，音量控制，列表循环等功能。利用json获取音乐歌单和歌词，基于html5 audio属性手机音乐播放器代码。
疯狂的猿
80 6
游客44yag4ft7nckq
|
29天前
|
JavaScript 前端开发
HTML 链接5
空链接是指在HTML中不指向任何实际资源的链接。常见设置方法包括：`href=&quot;#&quot;`（导航到页面顶部）、`href=&quot;javascript:void(0)&quot;`（阻止默认行为，不刷新页面）、`href=&quot;&quot;`（刷新当前页面）、`href=&quot;about:blank&quot;`（打开空白页面）和`role=&quot;button&quot;`（链接表现为按钮，无默认行为）。选择合适的方法取决于具体应用场景。注意：链接应始终包含正斜杠以避免不必要的HTTP请求。
游客44yag4ft7nckq
38 6
游客44yag4ft7nckq
|
2月前
|
前端开发
HTML 链接2
HTML 使用 `&lt;a&gt;` 标签创建超链接，链接可以是文字或图像，点击后可跳转至新文档或当前文档的特定部分。链接地址通过 `href` 属性指定。默认情况下，未访问的链接为蓝色带下划线，已访问的为紫色，点击时为红色。样式可通过 CSS 自定义。
游客44yag4ft7nckq
19 6
游客44yag4ft7nckq
|
2月前
|
JavaScript 前端开发
HTML 链接1
HTML 链接（Anchor）是网页间跳转的核心元素，通过 `&lt;a&gt;` 标签创建。链接用于导航至其他网页、文档、图像等资源，实现网页互联。基本语法为 `&lt;a href=&quot;URL&quot;&gt;链接文本&lt;/a&gt;`。例如：`&lt;a href=&quot;https://example.com&quot;&gt;本文本&lt;/a&gt;` 是一个指向万维网上页面的链接。
游客44yag4ft7nckq
38 6
游客44yag4ft7nckq
|
29天前
HTML 链接4
`id`属性用于在HTML文档中创建书签。书签在页面中不可见，但可以通过链接直接跳转到指定位置。例如，在页面内或从其他页面链接到带有`id=&quot;tips&quot;`的元素：`&lt;a href=&quot;#tips&quot;&gt;访问有用的提示部分&lt;/a&gt;` 或 `&lt;a href=&quot;https://www.runoob.com/html/html-links.html#tips&quot;&gt;访问有用的提示部分&lt;/a&gt;`。
游客44yag4ft7nckq
21 3
游客44yag4ft7nckq
|
29天前
|
前端开发 安全 搜索推荐
HTML 链接3
HTML 链接属性包括 `href`（定义链接目标）、`target`（定义打开方式）、`rel`（定义关系）、`download`（提示下载）、`title`（显示工具提示）、`id`（链接锚点）、`hreflang`（目标语言）、`type`（资源类型）、`class`（类名）和 `style`（内联样式）。这些属性帮助实现丰富的链接功能。
游客44yag4ft7nckq
11 3

热门文章

最新文章

  • 1
    HTML元素 属性 格式化标签
  • 2
    @Html.ValidationSummary()作用
  • 3
    HTML基础加强
  • 4
    再来 10 个新鲜的 HTML5 教程
  • 5
    MDN Web技术文档 - HTML 元素
  • 6
    jQuery从html代码中获取对应标签的写法
  • 7
    在Pyramid中使用Mako模板以及默认和.html后缀关联
  • 8
    Skytte：一款令人印象深刻的 HTML5 射击游戏
  • 9
    HTML5 &lt;script&gt;元素async,defer异步加载
  • 10
    HTML5特性速记图
  • 1
    网络爬虫开发：JavaScript与Python特性的小差异
    57
  • 2
    Nest.js 实战 (二)：如何使用 Prisma 和连接 PostgreSQL 数据库
    190
  • 3
    JavaScript 使用axios库发送 post请求给后端， 给定base64格式的字符串数据和一些其他参数， 使用表单方式提交， 并使用onUploadProgress显示进度
    419
  • 4
    Nest.js 实战 (一)：使用过滤器优雅地统一处理响应体
    229
  • 5
    前端框架与库 - Vue.js 组件与路由
    50
  • 6
    前端框架与库 - Vue.js基础：模板语法、数据绑定
    143
  • 7
    《JavaScript权威指南第7版》中文PDF+英文PDF+源代码 +JavaScript权威指南(第6版)(附源码)PDF下载阅读分享推荐
    280
  • 8
    js【详解】arr.reduce() 数组缩减
    50
  • 9
    【vue】 vue2 | js 实现数字滚动效果
    118
  • 10
    【vue】 网站动态背景 | vanta.js的使用
    448

    • 相关课程

    更多
  • HTML 入门与实战
  • JavaScript入门与实战
  • JavaScript 自学手册文档教程
  • HTML基础入门学习
  • HTML5 新特性教程
  • 零基础学前端HTML+CSS

    • 相关电子书

    更多
  • 在 IoT 设备进行 JavaScript 开发的探索之路
  • JavaScript 语言在引擎级别的执行过程
  • 天猫HTML5互动技术实践

    • 相关实验场景

    更多
  • Html5和Webpack3：Webpack5的常见用法
  • Html5和Webpack2：Webpack5打包JS和样式表
  • Html5和Webpack1：Webpack5打包工具介绍
  • HTML及前端框架
    • 下一篇
    无影云桌面