将javascript url参数传递给html

时间:2013-09-02 07:33:04

标签: javascript jquery html

我有一些javascript(以简化格式显示),这是广告服务器中的“广告代码”,用于在html页面上显示广告单元。

<script type="text/javascript" src="http://adserverdomain.net;pcode=1234;city=nameofcity;suburb=nameofsuburb"></script>

javascript有更多变量,但我刚刚展示了一个。

下面我有一个<div>,其中我想从上面的javascript中提取变量“pcode”并使用

显示它的值
$('div').html("");

因此<div>需要填充值“1234”。

知道我怎么能这样做吗?感谢

编辑:我已经更新了url(在pcode之后添加了.net和一些其他变量以避免混淆)。此外,我无法访问初始脚本,因此我无法为其添加ID。该脚本由广告服务器生成,并且始终具有变量pcode(具有不同的值)。只需要能够在同一个html页面上的另一个div中显示它。

3 个答案:

答案 0 :(得分:1)

尝试

<script type="text/javascript" src="http://adserverdomain;pcode=1234;city=sajdhsk;suburb=asdsadas"></script>
<div id="pcode"></div>
<div id="city"></div>
<div id="suburb"></div>

然后

var pcodesrc = $('script[src^="http://adserverdomain;"]').attr('src');

$('#pcode').html(pcodesrc.match(/pcode=(.+?)(?=(;|$))/)[1])
$('#city').html(pcodesrc.match(/city=(.+?)(?=(;|$))/)[1])
$('#suburb').html(pcodesrc.match(/suburb=(.+?)(?=(;|$))/)[1])

演示:Fiddle

$('#pcode').html(pcodesrc.match(/pcode=([^;]+)/)[1])
$('#city').html(pcodesrc.match(/city=([^;]+)/)[1])
$('#suburb').html(pcodesrc.match(/suburb=([^;]+)/)[1])

演示:Fiddle

答案 1 :(得分:0)

使用url尝试此操作。实际上,以下代码从url querystring.Edit获取数据并提供您的网址。

function getUrlVars() {
            var vars = [], hash;
            var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
            for (var i = 0; i < hashes.length; i++) {
                hash = hashes[i].split('=');
                vars.push(hash[0]);
                vars[hash[0]] = hash[1];
            }
            return vars;
        }

var me = getUrlVars()["pcode"];

答案 2 :(得分:0)

试试这个好友

function getvalues()
    {
        var values = {};
        var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) { values[key] = value;});
        return values;
    }

每当你想使用它时

var value = getvalues()["pcode"];

使用此值放入html元素

相关问题