锚点定位

<!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>这么多不同历史文化、社会制度、经济体量、发展阶段的国家,为何能始终保持团结协作,致力于构建平等相待、守望相助、休戚与共、安危共担的命运共同体?</p>
            <p>这么多不同历史文化、社会制度、经济体量、发展阶段的国家,为何能始终保持团结协作,致力于构建平等相待、守望相助、休戚与共、安危共担的命运共同体?</p>
            <p>这么多不同历史文化、社会制度、经济体量、发展阶段的国家,为何能始终保持团结协作,致力于构建平等相待、守望相助、休戚与共、安危共担的命运共同体?</p>
            <h1>H12</h1>
            <h2>历史数据</h2>
            <p>
                上合组织诞生之初,在各成员国共同签署的第一份成立宣言中,就明确了以“互信、互利、平等、协商、尊重多样文明、谋求共同发展”为基本内容的“上海精神”。这从一开始就决定了上合组织不搞封闭排他的集团政治小圈子,不走意识形态对抗的老路,不搞以大欺小、恃强凌弱的“丛林法则”,而是倡导文明对话、尊重彼此核心利益和选择的发展道路、照顾彼此利益诉求、遇事协商一致。
                20多年来,上合组织始终高举“上海精神”旗帜,开创了不同社会制度和发展道路的国家间团结协作、开放共赢、包容互鉴的全新合作模式。习主席强调:“地区一体化和经济全球化是时代潮流,各国和各国人民应该从这一进程中受益。”
            </p>
            <p>
                上合组织诞生之初,在各成员国共同签署的第一份成立宣言中,就明确了以“互信、互利、平等、协商、尊重多样文明、谋求共同发展”为基本内容的“上海精神”。这从一开始就决定了上合组织不搞封闭排他的集团政治小圈子,不走意识形态对抗的老路,不搞以大欺小、恃强凌弱的“丛林法则”,而是倡导文明对话、尊重彼此核心利益和选择的发展道路、照顾彼此利益诉求、遇事协商一致。
                20多年来,上合组织始终高举“上海精神”旗帜,开创了不同社会制度和发展道路的国家间团结协作、开放共赢、包容互鉴的全新合作模式。习主席强调:“地区一体化和经济全球化是时代潮流,各国和各国人民应该从这一进程中受益。”
            </p>
            <p>
                上合组织诞生之初,在各成员国共同签署的第一份成立宣言中,就明确了以“互信、互利、平等、协商、尊重多样文明、谋求共同发展”为基本内容的“上海精神”。这从一开始就决定了上合组织不搞封闭排他的集团政治小圈子,不走意识形态对抗的老路,不搞以大欺小、恃强凌弱的“丛林法则”,而是倡导文明对话、尊重彼此核心利益和选择的发展道路、照顾彼此利益诉求、遇事协商一致。
                20多年来,上合组织始终高举“上海精神”旗帜,开创了不同社会制度和发展道路的国家间团结协作、开放共赢、包容互鉴的全新合作模式。习主席强调:“地区一体化和经济全球化是时代潮流,各国和各国人民应该从这一进程中受益。”
            </p>
            <p>
                上合组织诞生之初,在各成员国共同签署的第一份成立宣言中,就明确了以“互信、互利、平等、协商、尊重多样文明、谋求共同发展”为基本内容的“上海精神”。这从一开始就决定了上合组织不搞封闭排他的集团政治小圈子,不走意识形态对抗的老路,不搞以大欺小、恃强凌弱的“丛林法则”,而是倡导文明对话、尊重彼此核心利益和选择的发展道路、照顾彼此利益诉求、遇事协商一致。
                20多年来,上合组织始终高举“上海精神”旗帜,开创了不同社会制度和发展道路的国家间团结协作、开放共赢、包容互鉴的全新合作模式。习主席强调:“地区一体化和经济全球化是时代潮流,各国和各国人民应该从这一进程中受益。”
            </p>
            <p>
                上合组织诞生之初,在各成员国共同签署的第一份成立宣言中,就明确了以“互信、互利、平等、协商、尊重多样文明、谋求共同发展”为基本内容的“上海精神”。这从一开始就决定了上合组织不搞封闭排他的集团政治小圈子,不走意识形态对抗的老路,不搞以大欺小、恃强凌弱的“丛林法则”,而是倡导文明对话、尊重彼此核心利益和选择的发展道路、照顾彼此利益诉求、遇事协商一致。
                20多年来,上合组织始终高举“上海精神”旗帜,开创了不同社会制度和发展道路的国家间团结协作、开放共赢、包容互鉴的全新合作模式。习主席强调:“地区一体化和经济全球化是时代潮流,各国和各国人民应该从这一进程中受益。”
            </p>
            <h1>H13</h1>
            <h1>运营数据</h1>
            <h1>H15</h1>
            <p>
                上合组织诞生之初,在各成员国共同签署的第一份成立宣言中,就明确了以“互信、互利、平等、协商、尊重多样文明、谋求共同发展”为基本内容的“上海精神”。这从一开始就决定了上合组织不搞封闭排他的集团政治小圈子,不走意识形态对抗的老路,不搞以大欺小、恃强凌弱的“丛林法则”,而是倡导文明对话、尊重彼此核心利益和选择的发展道路、照顾彼此利益诉求、遇事协商一致。
                20多年来,上合组织始终高举“上海精神”旗帜,开创了不同社会制度和发展道路的国家间团结协作、开放共赢、包容互鉴的全新合作模式。习主席强调:“地区一体化和经济全球化是时代潮流,各国和各国人民应该从这一进程中受益。”
            </p>
            <h2>H22</h2>
            <h2>H23</h2>
            <div>
                <h1>测试</h1>
                <h2>测试</h2>
            </div>
            <p>
                上合组织诞生之初,在各成员国共同签署的第一份成立宣言中,就明确了以“互信、互利、平等、协商、尊重多样文明、谋求共同发展”为基本内容的“上海精神”。这从一开始就决定了上合组织不搞封闭排他的集团政治小圈子,不走意识形态对抗的老路,不搞以大欺小、恃强凌弱的“丛林法则”,而是倡导文明对话、尊重彼此核心利益和选择的发展道路、照顾彼此利益诉求、遇事协商一致。
                20多年来,上合组织始终高举“上海精神”旗帜,开创了不同社会制度和发展道路的国家间团结协作、开放共赢、包容互鉴的全新合作模式。习主席强调:“地区一体化和经济全球化是时代潮流,各国和各国人民应该从这一进程中受益。”
            </p>
            <p>
                上合组织诞生之初,在各成员国共同签署的第一份成立宣言中,就明确了以“互信、互利、平等、协商、尊重多样文明、谋求共同发展”为基本内容的“上海精神”。这从一开始就决定了上合组织不搞封闭排他的集团政治小圈子,不走意识形态对抗的老路,不搞以大欺小、恃强凌弱的“丛林法则”,而是倡导文明对话、尊重彼此核心利益和选择的发展道路、照顾彼此利益诉求、遇事协商一致。
                20多年来,上合组织始终高举“上海精神”旗帜,开创了不同社会制度和发展道路的国家间团结协作、开放共赢、包容互鉴的全新合作模式。习主席强调:“地区一体化和经济全球化是时代潮流,各国和各国人民应该从这一进程中受益。”
            </p>
            <p>
                上合组织诞生之初,在各成员国共同签署的第一份成立宣言中,就明确了以“互信、互利、平等、协商、尊重多样文明、谋求共同发展”为基本内容的“上海精神”。这从一开始就决定了上合组织不搞封闭排他的集团政治小圈子,不走意识形态对抗的老路,不搞以大欺小、恃强凌弱的“丛林法则”,而是倡导文明对话、尊重彼此核心利益和选择的发展道路、照顾彼此利益诉求、遇事协商一致。
                20多年来,上合组织始终高举“上海精神”旗帜,开创了不同社会制度和发展道路的国家间团结协作、开放共赢、包容互鉴的全新合作模式。习主席强调:“地区一体化和经济全球化是时代潮流,各国和各国人民应该从这一进程中受益。”
            </p>
            <h1>H16</h1>
            <h2>H24</h2>
            <p>
                上合组织诞生之初,在各成员国共同签署的第一份成立宣言中,就明确了以“互信、互利、平等、协商、尊重多样文明、谋求共同发展”为基本内容的“上海精神”。这从一开始就决定了上合组织不搞封闭排他的集团政治小圈子,不走意识形态对抗的老路,不搞以大欺小、恃强凌弱的“丛林法则”,而是倡导文明对话、尊重彼此核心利益和选择的发展道路、照顾彼此利益诉求、遇事协商一致。
                20多年来,上合组织始终高举“上海精神”旗帜,开创了不同社会制度和发展道路的国家间团结协作、开放共赢、包容互鉴的全新合作模式。习主席强调:“地区一体化和经济全球化是时代潮流,各国和各国人民应该从这一进程中受益。”
            </p>
            <p>
                上合组织诞生之初,在各成员国共同签署的第一份成立宣言中,就明确了以“互信、互利、平等、协商、尊重多样文明、谋求共同发展”为基本内容的“上海精神”。这从一开始就决定了上合组织不搞封闭排他的集团政治小圈子,不走意识形态对抗的老路,不搞以大欺小、恃强凌弱的“丛林法则”,而是倡导文明对话、尊重彼此核心利益和选择的发展道路、照顾彼此利益诉求、遇事协商一致。
                20多年来,上合组织始终高举“上海精神”旗帜,开创了不同社会制度和发展道路的国家间团结协作、开放共赢、包容互鉴的全新合作模式。习主席强调:“地区一体化和经济全球化是时代潮流,各国和各国人民应该从这一进程中受益。”
            </p>
            <p>
                上合组织诞生之初,在各成员国共同签署的第一份成立宣言中,就明确了以“互信、互利、平等、协商、尊重多样文明、谋求共同发展”为基本内容的“上海精神”。这从一开始就决定了上合组织不搞封闭排他的集团政治小圈子,不走意识形态对抗的老路,不搞以大欺小、恃强凌弱的“丛林法则”,而是倡导文明对话、尊重彼此核心利益和选择的发展道路、照顾彼此利益诉求、遇事协商一致。
                20多年来,上合组织始终高举“上海精神”旗帜,开创了不同社会制度和发展道路的国家间团结协作、开放共赢、包容互鉴的全新合作模式。习主席强调:“地区一体化和经济全球化是时代潮流,各国和各国人民应该从这一进程中受益。”
            </p>
            <p>
                上合组织诞生之初,在各成员国共同签署的第一份成立宣言中,就明确了以“互信、互利、平等、协商、尊重多样文明、谋求共同发展”为基本内容的“上海精神”。这从一开始就决定了上合组织不搞封闭排他的集团政治小圈子,不走意识形态对抗的老路,不搞以大欺小、恃强凌弱的“丛林法则”,而是倡导文明对话、尊重彼此核心利益和选择的发展道路、照顾彼此利益诉求、遇事协商一致。
                20多年来,上合组织始终高举“上海精神”旗帜,开创了不同社会制度和发展道路的国家间团结协作、开放共赢、包容互鉴的全新合作模式。习主席强调:“地区一体化和经济全球化是时代潮流,各国和各国人民应该从这一进程中受益。”
            </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;
        // 监听
        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>
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 217,509评论 6 504
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,806评论 3 394
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 163,875评论 0 354
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,441评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,488评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,365评论 1 302
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,190评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,062评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,500评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,706评论 3 335
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,834评论 1 347
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,559评论 5 345
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,167评论 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,779评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,912评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,958评论 2 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,779评论 2 354

推荐阅读更多精彩内容