JS实现将所有超链接指向同一个页面地址

在有的营销网站页面上，我们会发现，网站上有很多的超链接，无论我们点击哪个超链接，它都是指向同一个页面地址，这种是如何做到的呢？

我们可以通过JS来达到这个效果，方法可能有很多种，这里我只介绍其中的一种。

实例代码

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>JS实现将所有超链接指向同一个页面地址</title>
</head><body><div><ul><li><a href="">百度一下,你就知道了</a></li><li><a href="">新浪微博</a></li><li><a href="">腾讯QQ</a></li><li><a href="">奇虎360</a></li></ul></div><script>var aDom = document.getElementsByTagName('a');for (var i = 0; i < aDom.length; i++) {//改变指向地址aDom[i].href = "https://www.ewbang.com";//改变打开方式aDom[i].target = "_blank";}</script>
</body></html>

JS实现将所有超链接指向同一个页面地址相关推荐

【vue】实现多个路由共享同一个页面
业务需求,多页面业务场景共用同一个模板,换不同路由地址请求,在同一个页面模板上返回不同数据. [index.js] 设置多个路由指向同一页面,注意path和name必须具有唯一性 {path: '/c ...
Nginx配置多个域名指向同一个服务器文件
这里写自定义目录标题目的准备工作修改内容注意: 目的因为公司开发方面有响应的需求,需要多个域名指向同一个服务器下的文件(即访问的域名不同但访问的服务器下的文件是同一个) 准备工作已经过解析 ...
vue 如何实现多个路由共用同一个页面组件
多个页面共用同一个组件当多个路由公用同一个组件时,切换路由不会重新触发该组件页面的钩子函数. 为了重新触发钩子函数.获取最新数据.有两种方式: 方法1:假如父组件下的两个子组件A ,B需要公用同一个 ...
Vue-Video-player多rtmp视频流显示在同一个页面+流媒体服务器部署
上个月弄一个监控视频项目,需要将多个视频流显示在同一个页面,并且做切换. 注意:东西有点多,加上我写得也比较杂乱,看太快可能会看不懂,建议还是按步骤试一遍,加强记忆用Vue-video-player ...
vs2003复制一个web窗体,没有更改指向同一个cs 文件，引发大问题
今天我在原来的考试系统的出题模块中,input模块,因为增加的一个web窗体编译有问题,于是就复制了原来的启动项页面input,再改了名字为set1,然后在set1页面上删除了控件和代码,再把set1 ...
js中修改this的指向方法整理
JavaScript(简称"JS") 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言.虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,Ja ...
同一个页面提交多个form表单方法（详细）
办法1.同一个页面中建立两个表单各自提交: <form action="?" name="form1" id="form1"> ...
多个域名指向同一个网站实现方法
导读: 一般搜索引擎不会因为你多一个域名指向而惩罚.包括百度.经过一段时间,一般的搜索引擎都能根据自身的规则来识别两个网站为同一个网站. 这样它们会选择一个域名做为主域名,另一个域名则忽略.输入该域名 ...
vue中同一个页面多次复用同一个组件的相互干扰问题
如标题所说,我们在使用vue.js组件时,会出现在同一个页面会多次使用相同的组件,更特别的是,组件相同,但数据呈现上是完全不同的,但dom交互的处理是一样的,在这样的背景下,有可能引起组件数据跟需求不 ...

JS实现将所有超链接指向同一个页面地址

实例代码

JS实现将所有超链接指向同一个页面地址相关推荐

最新文章

热门文章