<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div class="div">
<ul class="ul" id="ul">
</ul>
<div class="innderDiv" id="kkk">
<h1>項目評估</h1>
<p>這么多不同歷史文化、社會制度、經濟體量、發(fā)展階段的國家,為何能始終保持團結協(xié)作,致力于構建平等相待、守望相助、休戚與共、安危共擔的命運共同體?</p>
<p>這么多不同歷史文化、社會制度、經濟體量、發(fā)展階段的國家,為何能始終保持團結協(xié)作,致力于構建平等相待、守望相助、休戚與共、安危共擔的命運共同體?</p>
<p>這么多不同歷史文化、社會制度、經濟體量、發(fā)展階段的國家,為何能始終保持團結協(xié)作,致力于構建平等相待、守望相助、休戚與共、安危共擔的命運共同體?</p>
<h1>H12</h1>
<h2>歷史數(shù)據(jù)</h2>
<p>
上合組織誕生之初,在各成員國共同簽署的第一份成立宣言中,就明確了以“互信、互利、平等、協(xié)商、尊重多樣文明、謀求共同發(fā)展”為基本內容的“上海精神”。這從一開始就決定了上合組織不搞封閉排他的集團政治小圈子,不走意識形態(tài)對抗的老路,不搞以大欺小、恃強凌弱的“叢林法則”,而是倡導文明對話、尊重彼此核心利益和選擇的發(fā)展道路、照顧彼此利益訴求、遇事協(xié)商一致。
20多年來,上合組織始終高舉“上海精神”旗幟,開創(chuàng)了不同社會制度和發(fā)展道路的國家間團結協(xié)作、開放共贏、包容互鑒的全新合作模式。習主席強調:“地區(qū)一體化和經濟全球化是時代潮流,各國和各國人民應該從這一進程中受益?!? </p>
<p>
上合組織誕生之初,在各成員國共同簽署的第一份成立宣言中,就明確了以“互信、互利、平等、協(xié)商、尊重多樣文明、謀求共同發(fā)展”為基本內容的“上海精神”。這從一開始就決定了上合組織不搞封閉排他的集團政治小圈子,不走意識形態(tài)對抗的老路,不搞以大欺小、恃強凌弱的“叢林法則”,而是倡導文明對話、尊重彼此核心利益和選擇的發(fā)展道路、照顧彼此利益訴求、遇事協(xié)商一致。
20多年來,上合組織始終高舉“上海精神”旗幟,開創(chuàng)了不同社會制度和發(fā)展道路的國家間團結協(xié)作、開放共贏、包容互鑒的全新合作模式。習主席強調:“地區(qū)一體化和經濟全球化是時代潮流,各國和各國人民應該從這一進程中受益?!? </p>
<p>
上合組織誕生之初,在各成員國共同簽署的第一份成立宣言中,就明確了以“互信、互利、平等、協(xié)商、尊重多樣文明、謀求共同發(fā)展”為基本內容的“上海精神”。這從一開始就決定了上合組織不搞封閉排他的集團政治小圈子,不走意識形態(tài)對抗的老路,不搞以大欺小、恃強凌弱的“叢林法則”,而是倡導文明對話、尊重彼此核心利益和選擇的發(fā)展道路、照顧彼此利益訴求、遇事協(xié)商一致。
20多年來,上合組織始終高舉“上海精神”旗幟,開創(chuàng)了不同社會制度和發(fā)展道路的國家間團結協(xié)作、開放共贏、包容互鑒的全新合作模式。習主席強調:“地區(qū)一體化和經濟全球化是時代潮流,各國和各國人民應該從這一進程中受益?!? </p>
<p>
上合組織誕生之初,在各成員國共同簽署的第一份成立宣言中,就明確了以“互信、互利、平等、協(xié)商、尊重多樣文明、謀求共同發(fā)展”為基本內容的“上海精神”。這從一開始就決定了上合組織不搞封閉排他的集團政治小圈子,不走意識形態(tài)對抗的老路,不搞以大欺小、恃強凌弱的“叢林法則”,而是倡導文明對話、尊重彼此核心利益和選擇的發(fā)展道路、照顧彼此利益訴求、遇事協(xié)商一致。
20多年來,上合組織始終高舉“上海精神”旗幟,開創(chuàng)了不同社會制度和發(fā)展道路的國家間團結協(xié)作、開放共贏、包容互鑒的全新合作模式。習主席強調:“地區(qū)一體化和經濟全球化是時代潮流,各國和各國人民應該從這一進程中受益?!? </p>
<p>
上合組織誕生之初,在各成員國共同簽署的第一份成立宣言中,就明確了以“互信、互利、平等、協(xié)商、尊重多樣文明、謀求共同發(fā)展”為基本內容的“上海精神”。這從一開始就決定了上合組織不搞封閉排他的集團政治小圈子,不走意識形態(tài)對抗的老路,不搞以大欺小、恃強凌弱的“叢林法則”,而是倡導文明對話、尊重彼此核心利益和選擇的發(fā)展道路、照顧彼此利益訴求、遇事協(xié)商一致。
20多年來,上合組織始終高舉“上海精神”旗幟,開創(chuàng)了不同社會制度和發(fā)展道路的國家間團結協(xié)作、開放共贏、包容互鑒的全新合作模式。習主席強調:“地區(qū)一體化和經濟全球化是時代潮流,各國和各國人民應該從這一進程中受益。”
</p>
<h1>H13</h1>
<h1>運營數(shù)據(jù)</h1>
<h1>H15</h1>
<p>
上合組織誕生之初,在各成員國共同簽署的第一份成立宣言中,就明確了以“互信、互利、平等、協(xié)商、尊重多樣文明、謀求共同發(fā)展”為基本內容的“上海精神”。這從一開始就決定了上合組織不搞封閉排他的集團政治小圈子,不走意識形態(tài)對抗的老路,不搞以大欺小、恃強凌弱的“叢林法則”,而是倡導文明對話、尊重彼此核心利益和選擇的發(fā)展道路、照顧彼此利益訴求、遇事協(xié)商一致。
20多年來,上合組織始終高舉“上海精神”旗幟,開創(chuàng)了不同社會制度和發(fā)展道路的國家間團結協(xié)作、開放共贏、包容互鑒的全新合作模式。習主席強調:“地區(qū)一體化和經濟全球化是時代潮流,各國和各國人民應該從這一進程中受益。”
</p>
<h2>H22</h2>
<h2>H23</h2>
<div>
<h1>測試</h1>
<h2>測試</h2>
</div>
<p>
上合組織誕生之初,在各成員國共同簽署的第一份成立宣言中,就明確了以“互信、互利、平等、協(xié)商、尊重多樣文明、謀求共同發(fā)展”為基本內容的“上海精神”。這從一開始就決定了上合組織不搞封閉排他的集團政治小圈子,不走意識形態(tài)對抗的老路,不搞以大欺小、恃強凌弱的“叢林法則”,而是倡導文明對話、尊重彼此核心利益和選擇的發(fā)展道路、照顧彼此利益訴求、遇事協(xié)商一致。
20多年來,上合組織始終高舉“上海精神”旗幟,開創(chuàng)了不同社會制度和發(fā)展道路的國家間團結協(xié)作、開放共贏、包容互鑒的全新合作模式。習主席強調:“地區(qū)一體化和經濟全球化是時代潮流,各國和各國人民應該從這一進程中受益?!? </p>
<p>
上合組織誕生之初,在各成員國共同簽署的第一份成立宣言中,就明確了以“互信、互利、平等、協(xié)商、尊重多樣文明、謀求共同發(fā)展”為基本內容的“上海精神”。這從一開始就決定了上合組織不搞封閉排他的集團政治小圈子,不走意識形態(tài)對抗的老路,不搞以大欺小、恃強凌弱的“叢林法則”,而是倡導文明對話、尊重彼此核心利益和選擇的發(fā)展道路、照顧彼此利益訴求、遇事協(xié)商一致。
20多年來,上合組織始終高舉“上海精神”旗幟,開創(chuàng)了不同社會制度和發(fā)展道路的國家間團結協(xié)作、開放共贏、包容互鑒的全新合作模式。習主席強調:“地區(qū)一體化和經濟全球化是時代潮流,各國和各國人民應該從這一進程中受益?!? </p>
<p>
上合組織誕生之初,在各成員國共同簽署的第一份成立宣言中,就明確了以“互信、互利、平等、協(xié)商、尊重多樣文明、謀求共同發(fā)展”為基本內容的“上海精神”。這從一開始就決定了上合組織不搞封閉排他的集團政治小圈子,不走意識形態(tài)對抗的老路,不搞以大欺小、恃強凌弱的“叢林法則”,而是倡導文明對話、尊重彼此核心利益和選擇的發(fā)展道路、照顧彼此利益訴求、遇事協(xié)商一致。
20多年來,上合組織始終高舉“上海精神”旗幟,開創(chuàng)了不同社會制度和發(fā)展道路的國家間團結協(xié)作、開放共贏、包容互鑒的全新合作模式。習主席強調:“地區(qū)一體化和經濟全球化是時代潮流,各國和各國人民應該從這一進程中受益?!? </p>
<h1>H16</h1>
<h2>H24</h2>
<p>
上合組織誕生之初,在各成員國共同簽署的第一份成立宣言中,就明確了以“互信、互利、平等、協(xié)商、尊重多樣文明、謀求共同發(fā)展”為基本內容的“上海精神”。這從一開始就決定了上合組織不搞封閉排他的集團政治小圈子,不走意識形態(tài)對抗的老路,不搞以大欺小、恃強凌弱的“叢林法則”,而是倡導文明對話、尊重彼此核心利益和選擇的發(fā)展道路、照顧彼此利益訴求、遇事協(xié)商一致。
20多年來,上合組織始終高舉“上海精神”旗幟,開創(chuàng)了不同社會制度和發(fā)展道路的國家間團結協(xié)作、開放共贏、包容互鑒的全新合作模式。習主席強調:“地區(qū)一體化和經濟全球化是時代潮流,各國和各國人民應該從這一進程中受益。”
</p>
<p>
上合組織誕生之初,在各成員國共同簽署的第一份成立宣言中,就明確了以“互信、互利、平等、協(xié)商、尊重多樣文明、謀求共同發(fā)展”為基本內容的“上海精神”。這從一開始就決定了上合組織不搞封閉排他的集團政治小圈子,不走意識形態(tài)對抗的老路,不搞以大欺小、恃強凌弱的“叢林法則”,而是倡導文明對話、尊重彼此核心利益和選擇的發(fā)展道路、照顧彼此利益訴求、遇事協(xié)商一致。
20多年來,上合組織始終高舉“上海精神”旗幟,開創(chuàng)了不同社會制度和發(fā)展道路的國家間團結協(xié)作、開放共贏、包容互鑒的全新合作模式。習主席強調:“地區(qū)一體化和經濟全球化是時代潮流,各國和各國人民應該從這一進程中受益?!? </p>
<p>
上合組織誕生之初,在各成員國共同簽署的第一份成立宣言中,就明確了以“互信、互利、平等、協(xié)商、尊重多樣文明、謀求共同發(fā)展”為基本內容的“上海精神”。這從一開始就決定了上合組織不搞封閉排他的集團政治小圈子,不走意識形態(tài)對抗的老路,不搞以大欺小、恃強凌弱的“叢林法則”,而是倡導文明對話、尊重彼此核心利益和選擇的發(fā)展道路、照顧彼此利益訴求、遇事協(xié)商一致。
20多年來,上合組織始終高舉“上海精神”旗幟,開創(chuàng)了不同社會制度和發(fā)展道路的國家間團結協(xié)作、開放共贏、包容互鑒的全新合作模式。習主席強調:“地區(qū)一體化和經濟全球化是時代潮流,各國和各國人民應該從這一進程中受益。”
</p>
<p>
上合組織誕生之初,在各成員國共同簽署的第一份成立宣言中,就明確了以“互信、互利、平等、協(xié)商、尊重多樣文明、謀求共同發(fā)展”為基本內容的“上海精神”。這從一開始就決定了上合組織不搞封閉排他的集團政治小圈子,不走意識形態(tài)對抗的老路,不搞以大欺小、恃強凌弱的“叢林法則”,而是倡導文明對話、尊重彼此核心利益和選擇的發(fā)展道路、照顧彼此利益訴求、遇事協(xié)商一致。
20多年來,上合組織始終高舉“上海精神”旗幟,開創(chuàng)了不同社會制度和發(fā)展道路的國家間團結協(xié)作、開放共贏、包容互鑒的全新合作模式。習主席強調:“地區(qū)一體化和經濟全球化是時代潮流,各國和各國人民應該從這一進程中受益。”
</p>
</div>
</div>
</body>
<script>
window.onload = () => {
// 賦值
let eles = [];
function traverseElement(element) {
// 遍歷當前元素的子元素
for (let i = 0; i < element.children.length; i++) {
let id = Math.floor(Math.random() * 100000);
const child = element.children[i];
if (['H1', 'H2', 'H3', 'H4', 'H5'].includes(child.tagName)) {
eles.push({
tagName: child.tagName,
innerHTML: child.innerHTML,
id
})
child.setAttribute('id', id);
}
traverseElement(child); // 遞歸遍歷子元素
}
}
traverseElement(document.getElementById('kkk'))
let INNERHTML = '';
eles.forEach(e => {
INNERHTML += `<li><a class="smooth-scroll" href="#${e.id}">${e.innerHTML}</a></li>`
});
document.getElementById("ul").innerHTML = INNERHTML;
// 監(jiān)聽
document.querySelectorAll('.smooth-scroll').forEach(
anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
const targetId = this.getAttribute('href').substring(1);
const targetElement = document.getElementById(targetId);
if (targetElement) {
targetElement.scrollIntoView({ block: 'center' });
}
});
});
}
</script>
<style>
.div {
display: flex;
}
.ul {
width: 100px;
list-style: none;
padding: 0;
}
.innderDiv {
flex: 1;
}
</style>
</html>
錨點定位
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。
相關閱讀更多精彩內容
- 暫未做過多適配,請打開f12用手機模式預覽: 實現(xiàn)思路:主要計算元素距離外層元素的距離和自身寬度來計算應該滾動到的...
- 效果圖: 1、不用管里面遍歷了什么數(shù)據(jù),利用onLayout獲取滾動內容里面元素的高度集合滑動自動地位到導航欄 獲...
- 當我們使用a標簽做錨點定位的時候,如果有做固定頂部導航欄的話,直接定位到錨點的時候,會發(fā)現(xiàn)定位的位置相較于錨點往下...