如何从文本文件中随机更改iframe的src

时间:2018-02-11 13:24:13

标签: javascript php jquery html html5

我想从文本文件中随机更改iframe的src,以便当用户打开iframe时,在iframe中打开不同的网址。

<html>
<head>
  <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
</head>
<body>

    <script type="text/javascript">
        function read() {
            var txtFile = new XMLHttpRequest();
            txtFile.open("GET", "https://9to5notes.com/new/add.txt",true);
            txtFile.onreadystatechange = function () {
                if (txtFile.readyState === 4) {  
                    // Makes sure the document is ready to parse.
                    if (txtFile.status === 200)
                    {  
                        var alltext=txtFile.responseText;
                        var linetext=txtFile.responseText.split("\n");
                        var delimeter = '^';
                        var text0= linetext[0];
                        var splitted = text0.split(delimeter);
                        console.log(splitted[1]);
                        $('#iframe1').attr('src', splitted[1]);
                    }
                }
            }

            txtFile.send(null)
        }
        $(function(){
            read();
        });
    </script>

    <iframe id="iframe1" src="" />
</body></html>

文本文件如下所示 站点1 ^ https://www.google.com/ 站点2 ^ https://www.facebook.com/

1 个答案:

答案 0 :(得分:-1)

首先用PHP

读取文本文件

将网址存储到JavaScript数组中

然后随机功能放入iframe