在另一個頁面中顯示html頁面的標簽號

Question

我是菜鳥，這是為學校目的，我使用了document.getElementByTagName("tagName").length; 要在html頁面中獲取特定標記的編號，我需要在另一個html頁面中顯示結果，如何使用javaScript簡單地做到這一點

Answer 1

可以找到頁面中所有標簽的總數，如下所示：

document.getElementsByTagName('*').length;

可以找到所有特定標簽（按名稱）的總數，如下所示：

document.getElementsByTagName('title').length;

這是僅JavaScript（客戶端）解決方案：

==第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);

==第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 個解決方案

解決方案1
0 2015-06-02 15:24:53

解決方案2
0 2015-06-02 15:36:22

解決方案3
0 2015-06-02 16:25:35

在另一個頁面中顯示html頁面的標簽號

問題描述

3 個解決方案

解決方案1 0 2015-06-02 15:24:53

解決方案2 0 2015-06-02 15:36:22

解決方案3 0 2015-06-02 16:25:35

解決方案1
0 2015-06-02 15:24:53

解決方案2
0 2015-06-02 15:36:22

解決方案3
0 2015-06-02 16:25:35