2017-08-28 70 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