运行代码 缩小
汉王
HTML代码
复制 格式化 注释 注释 清空
放大
x
 
1
<html>
2
<head>
3
<title>JS网址自动补全实例代码</title>
4
</head>
5
<body>
6
<a href="1.php?act=xxxxxx">1</a>
7
<a href="2.php?act=xxxxxx">2</a>
8
<a href="3.php?act=xxxxxx">3</a>
9
<a href="4.php?act=xxxxxx">4</a>
10
<a href="11.php?act=xxxxxx">11</a>
11
<a href="http://12.php">12</a>
12
<script>
13
    //如何做到自动判断连接内的地址是否以http://开头,如果没有且连接非"1.php"则自动补全,连接为"1.php"则不补
14
    var aA=document.getElementsByTagName("a");
15
    var re1=/^http:\/\/bbs\.blueidea\.com/;//这里改成判断是否是蓝色的
16
    var re2=/1\.php/;
17
    var link='';
18
    for(var i=0;i<aA.length;i++){
19
        link=aA[i].getAttribute("href");
20
        alert(link);//可以看到没有http://的自动补上了蓝色的网址:[url]http://bbs.blueidea.com[/url]址,有http://的没有补
21
22
        if(re1.test(link) && !re2.test(link)){
23
            //将蓝色的网址用js动态改为你自己的,如改成百度的[url]http://baidu.com[/url]
24
            var url="http://baidu.com";
25
            link=link.replace(re1,url);//将蓝色的替换为百度的
26
            aA[i].setAttribute("href",link);//动态改变网址
27
            alert(aA[i].getAttribute("href"));//查看网址改变
28
        }
29
    }
30
</script>
31
</body>
32
</html>
CSS代码
复制 格式化 注释 注释 颜色 清空
放大
CSS代码...
xxxxxxxxxx
1
 
1
JS代码
复制 格式化 注释 注释 清空
放大
JS代码...
xxxxxxxxxx
1
 
1
名称
JS网址自动补全实例代码
分类
网站常用
描述
JS网址自动补全实例代码,与实际意义上的自动补全貌似不太一样,将地址栏的地址没有输全的情况下,它会自动补全地址。
收藏