Question

跳转到HTML页面某处的默认方法是使用a href / a名称标签。但是，如果我想引用一个外部网站，在中间的某个地方并且外部页面不使用名称标签，是否有另一种方法？喜欢跳到第一次出现的某些文字？

Answer 1

除非外部网站有任何自定义支持，并且他们在所需位置没有name或id，否则无法使用。

Answer 2

你真的不需要：

module.exports = {
  entry: PATHS.app_path,
    output:{
        path: PATHS.build,
        filename: 'index.js'
    },
    devServer:{
        inline: true,
        port: 3333,
        contentBase: PATHS.build,
        publicBase: PATHS.build,
        historyApiFallback: true
    },
    resolve: {
        root: path.resolve('./public'),
        extensions: ['', '.js', '.jsx']
    },
    module: {
        loaders: [
            {
                test: /\.jsx?$/,
                exclude: /(node_modules|bower_components)/,
                loader: 'babel',
                query: {
                    presets: ['es2015', 'react']
                }
            },
            {
                test: /\.css$/,
                loader: 'style-loader'
            },
            {
                test: /\.css$/,
                loader: 'css-loader',
                query: {
                    modules: true,
                    localIdentName: '[local]'
                    //localIdentName: '[name]__[local]___[hash:base64:5]'
                }
            },
            { test: /\.(png|woff|woff2|eot|ttf|jpg)$/, loader: 'url-loader?limit=100000' },
            {
                test: /.*\.svg$/,
                loaders: [
                    'file-loader',
                    'svgo-loader?' + svgoConfig,
                ]
            }
        ]
    }
};

使用<a name="named-anchor"></a>属性查找附近的元素。例如，考虑一下：

id

该网站有：

https://www.digitalocean.com/community/tutorials/how-to-set-up-an-openvpn-server-on-ubuntu-14-04

所以你可以通过添加<h2 id="prerequisites">Prerequisites</h2>和#值来到那个地方：

id

如果那不存在，那就不可能了。

Answer 3

只有在跳转的地方找到带ID的元素，才能将#id-of-element简单地应用于链接。

E.g。我们有this HTML属性列表，并希望链接到lang属性检查元素，我们发现<dt id="attr-lang">而不是链接https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes#attr-lang

Answer 4

如果您尝试链接的网站上的某个元素附加了 id 。

您可以通过在网站网址末尾添加主题标签以及该特定元素的 id 名称来强制将页面加载到该特定元素上。

例如：

<a href="https://yourdomain.com/page#element_to_jump_to">Click me!</a>

请点击此处点击此链接：

Link to a part inside an external HTML page

您会注意到它会将您带到此StackOverflow帖子的页脚部分。

然而，除此之外，没有其他可能的方法来实现这一目标（至少就谷歌所知）

链接到外部HTML页面内的部件

4 个答案: