javascript - 在页面加载时显示 div

Question

我在一个 html 页面的查询字符串中传递 div 名称，并在另一个 html 页面上检索该 div 名称。现在我想在页面上显示该特定的div。我的代码是

function onLoad()
{    
    var divname=window.location.search.substring(1);    
    document.getElementById(divname).style.display="block";    //error is in this line
}

但是我收到“预期对象”错误。请帮助我

Answer 1

window.location.search属性返回 URL 中 ? 符号后面的部分，包括 ? 符号。

例如，它可能返回?paramname=paramvalue。当您对其调用 substring(1) 时，您会得到 paramname=paramvalue ，这就是传递给 document.getElementById 函数的内容，这显然是错误的因为你的 DOM 上不存在这样的元素。

您可以使用following javascript function读取查询字符串参数值:

function onLoad() {    
    var divname = getParameterByName('divname');    
    document.getElementById(divname).style.display = 'block';
}

这假设您有一个名为 divname 的查询字符串参数名称:

?divname=some_div_name

如果您的查询字符串参数的调用方式不同，请调整传递给 getParameterByName 函数的参数。

您可能还想在代码中引入错误检查以使其更加健壮:

function onLoad() {    
    var divname = getParameterByName('divname');    
    var divElement = document.getElementById(divname);
    if (divElement != null) {
        divElement.style.display = 'block';
    } else {
        alert('Unable to find an element with name = ' + divname);
    }
}