JS如何实现点击页面内任意的链接均加参数跳转

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

<html xmlns="

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script language="javascript" type="text/javascript" src="./javascript/jquery.min.js"></script>
<title>测试</title>
</head>

<body>
<a href="1111111111111111.html">1111111111</a>
<a href="2222222222222222.html">2222222222</a>
<script>
    $(function(){
        $("a").each(function(){
            var link = $(this).attr("href");
            var new_link = "http://www.baidu.com/?" + link;

            $(this).attr("href",new_link);
        });
    });
</script>
</body>
</html>
时间: 2024-10-31 12:38:07

JS如何实现点击页面内任意的链接均加参数跳转的相关文章

【JS】点击页面判断是否安装app并打开,否则跳转下载的方法

应用场景 App产品在运营推广上有一个需求,就是要求可以让用户在访问我们的推广网页时,就可以判断出这个用户手机上是否安装了我们的App,如果安装了则可以直接在网页上打开,否则就引导用户前往下载.从而形成一个推广上的闭环. 解决办法 而对于点击链接后,能否直接打开,可以通过下面的代码来实现.前提条件:你得知道你的APP对应的打开协议,如贴吧APP,协议为:com.baidu.tieba:// ,微信的:weixin:// ,等等 1 <!-- a标签点击打开的动作,在click事件中注册 -->

JS如何实现点击页面其他地方隐藏菜单?

方法一: $("#a").on("click", function(e){  $("#menu").show();  $(document).one("click", function(){  $("#menu").hide();  });  e.stopPropagation(); }); $("#menu").on("click", function(e){  e

vue+element 点击页面内跳转按钮 导航菜单选中

<template> <el-menu router theme="dark" :default-active="activeIndex" class="el-menu-demo" active-text-color="rgb(250,83,83)" mode="horizontal" @select="handleSelect" > <el-menu-it

今天看见了一个有意思的题目-----请实现鼠标点击页面中的任意标签,alert该标签的名字

RT----感觉这个题目蛮有意思的---开整. 我第一眼看到这个题目的时候就觉得简直so easy嘛,没什么挑战性啊,不就是给一个标签绑定一个事件,用this来搞掂就OK了么........... 结果我再仔细一看发现想的略简单....... 好吧,进入正题 我开始一直在想如何给页面上所有的元素绑定同一个事件纠结了不少时间,还百度了一下,不过没找到合适的答案,然后我就想貌似没有这种说法.然后我不知道怎么的就通过a标签想到了window和document对象. 然后给window绑定了事件,点击页

微信小程序-06-详解介绍.js 逻辑层文件-注册页面

上一篇介绍的是 app.js 逻辑层文件中注册程序,对应的每个分页面都会有的 js 文件中 page() 函数注册页面 微信小程序-06-详解介绍.js 逻辑层文件-注册页面 宝典官方文档: https://developers.weixin.qq.com/miniprogram/dev/framework/MINA.html 今天开始深度学习编程语法,虽然大部分是拷贝官方文档,代码类都是我自己敲的,希望能自己敲一遍表格里的内容,熟悉一下操作 页面 Page Page(Object) Page(

jquery load加载页面内ajax返回的div不能响应页面js的问题的解决方案

1. 前言 由于项目需要,需要load一个页面并保持ajax返回的div能响应其页面内的JS的click事件.这个不是 解决用jquery load加载页面到div时,不执行页面js的问题 这类问题,因为并无这个问题存在(jquery版本:1.10.2.js). 2. 本质原因 假定页面内有$(.btn1).click(function(){})事件,你手动复制一个包含class为btn1的div到页面,然后会发现你点击那个div,并不会被响应,如果你在console执行$(.btn1)确实有包

js 获取页面内链接

今天有同学问如何用 JS 正则表达式获取一段文本中的超链接,并对超链接进行处理,想了几分钟,写了下面的代码: var re = /https?:\/\/[\w\.:~\-\d\/]+(?:\?[\w\d\-_&=%]+)?(?:#[^\s]+)?/i; 这个正则表达式处理这种类型的URL: protocol://host:port/path?param=value#xxoo 想法是好的,但总要测试通过才可以,随即又写了一段获取页面内所有带有 src, href 属性的代码: function g

JS获取中文拼音首字母,并通过拼音首字母快速查找页面内的中文内容

实现效果: 图一: 图二: 此例中输入的中文字符串"万万保重",有三个字是多音字,所以alert对话框中显示的是多种读音的组合: 如何实现? 如何实现通过拼音首字母快速查找页面内的中文内容呢? 过程原理是这样的:例如要对一些人名进行快速查找,当页面加载完成后,对所有人名建立一个索引,生成拼音首字母与姓名的对应关系:然后监听键盘事件,当用户按下键盘时,根据键值得到按下的是哪个字母,然后遍历索引中是否存在相同的拼音首字母: 这里还实现了根据字母组合来查找的功能,原理是这样的:当用户按键时,

页面JS实现按钮点击增加输入框

最近开发实现了那种点击增加按钮就会多出一栏的效果,但是当每栏的输入框的数量比较多的时候,后台参数的接受就是个问题,不过现在问题总算解决了,用List集合去接受页面数组的方式,具体实现如下: 实现的思路: 首先,要把传递的每栏参数变成每个对象,例如:昵称,用户名,密码就是一个user类的属性: @Entity public class User { @Id @GenericGenerator(name = "generator", strategy = "increment&q