2017-08-28 88 views
-1

我想显示解析URL并用内部HTML属性替换字符串'+'。直到现在,我只能用document.write来完成它。这是我的方法:显示并从解析URL中替换字符串

var getQueryString = function (field, url) { 
    var href = url ? url : window.location.href; 
    var reg = new RegExp('[?&]' + field + '=([^&#]*)', 'i'); 
    var string = reg.exec(href); 
    return string ? string[1] : null; 
}; 

var myString = getQueryString('myString'); 

显示其体内:

document.write(myString); 

的myString的电流结果是:

“我+姓名+是+ CHKA,CHKA +超薄+黑幕”

我想实现的结果是: “我的名字是CHKA-CHKA阿姆”

而不是使用document.write,有没有简单的方法来实现innerHTML的结果?

Gracias!

编辑: 感谢司徒我找到了答案:)在这里,他们是

里面的<head>

var getQueryString = function (field, url) { 
     var href = url ? url : window.location.href; 
     var reg = new RegExp('[?&]' + field + '=([^&#]*)', 'i'); 
     var string = reg.exec(href); 
     return string ? string[1] : null; 
    }; 

function anyName() 
    { 
     var myString1 = getQueryString('your_parsedUri'); 
     var myString2 = myString1.replace(/\+/g, " "); 
     document.getElementById('yourElementWithId').innerHTML = myString2; 
    } 

    window.onload = anyName; 

这一个在<body>

<h1><div id="yourElementWithId"></div></h1> 

回答

0

取决于你在哪里上试图显示它(在一个类或id的元素),你可以使用:

document.querySelector('.yourElement').innerHTML = myString; 

document.getElementById('yourElementWithId').innerHTML = myString; 
+0

谢谢你的回应,但可惜它不工作了没有。这是我的尝试: '

' – akpackage

+0

不确定你试图用那个代码实现什么 - 它的错误!我拿了它,并做了一个小提琴:https://jsfiddle.net/ck0ps445/ – Stuart

+0

再次,非常感谢@Stuart。我只是复制粘贴你的代码到崇高,并运行与铬版本60.0.3112.101。它不显示任何东西,控制台错误是“Uncaught TypeError:无法设置属性'innerHTML'为空”; ' \t <脚本类型= “文本/ JavaScript的”> \t \t函数什么() \t \t { \t \t VAR的myString = “东西”; \t \t document.getElementById('yourElementWithId')。innerHTML = myString; \t \t} \t \t what(); \t \t

' – akpackage