Question

我是菜鸟，这是一个学校的项目，我用document.getElementByTagName("tagName").length;来获取html页面中特定标签的编号，我需要在另一个html页面显示结果，我该怎么办？只需使用javaScript

即可

Answer 1

页面中所有标签的总数可以这样找到：

document.getElementsByTagName('*').length;

所有特定标签的总数（按名称）可以这样找到：

document.getElementsByTagName('title').length;

以下是仅限JavaScript（客户端）的解决方案：

== Page 1 ==

function createCookie(name,value,days) {
    if (days) {
        var date = new Date();
        date.setTime(date.getTime()+(days*24*60*60*1000));
        var expires = "; expires="+date.toGMTString();
    }
    else var expires = "";
    document.cookie = name+"="+value+expires+"; path=/";
}

var titleLength = document.getElementsByTagName('title').length;
createCookie('titleLength', titleLength, 1);

== Page 2 ==

function readCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for(var i=0;i < ca.length;i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1,c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
    }
    return null;
}
var titleLength = readCookie('titleLength');
document.write(titleLength);

这是一个仅限PHP（服务器端）的解决方案：

$dom = new DOMDocument;
$dom->loadHTML($HTML); // this is the path to your html file
$allElements = $dom->getElementsByTagName('title');
echo $allElements->length;

Answer 2

在初始页面加载时，您将获得要计算的标签数量

var x = document.getElementByTagName("myTag").length

然后你需要某种持久性，例如html5 sessionStorage

sessionStorage.setItem('count', x);

然后，当您通过链接等进入新页面时，您将从sessionStorage获取值：

var theCount = sessionStorage.getItem('count');

变量theCount然后存储上一页的值，然后可以在新页面上使用

Answer 3

要简单在JavaScript中执行此操作，只需执行哈希并将其读回。

第一个HMTL pagex，无论你喜欢什么名字（index.html等）：

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Look how I count things</title>
</head>

<body>
<p>p tag</p>
<p>p tag</p>
<p>p tag</p>
<p>p tag</p>
<p>p tag</p>
<p>p tag</p>
<script>
document.addEventListener("click", function(){
    window.location = "secondpage.html#"+document.getElementsByTagName('p').length;
});
</script>
</body>
</html>

将您的第二个html页面命名为secondpage.html，并让它写出自己的哈希标记。

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Look how I counted things</title>
</head>

<body>
<script>
    document.write(location.hash + " tags found");
</script>
</body>
</html>

显示另一个html页面的标签号

3 个答案: