直接打开网址没问题，在HTML中通过a标签跳转打开报错

最新推荐文章于 2024-07-24 17:47:05 发布
最新推荐文章于 2024-07-24 17:47:05 发布
阅读量958 收藏 2
点赞数 3
文章标签： html 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gcnsc/article/details/136553655
版权
本文讲述了作者在使用HTML编写测试页面时遇到的个别网站跳转错误，原因在于浏览器的referrer头可能暴露了用户的来源信息。解决方案是在HTML头部添加`<metaname=referrercontent=no-referrer>`以防止这类问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

今天用HTML写一个测试页面做网址收藏导航，用a标签快速跳转到收藏的网站，测试时发现大部份网站跳转后都能正常打开，但有个别网站跳转后报错，百度了半天原来是如下原因：

当点击访问页面中外链地址时，会产生一个http请求（用于获取外链地址内容），此时出于安全策略（一些用户信息或登录信息会通过url传递），浏览器会在请求头中添加一个referrer，用来表示当前请求是从哪个页面跳转来的，也就是访问来源。当外链网站对访问做判断时，于是会出现诸如该网页无法正常运作、403 Forbidden、The HTTP request is not acceptable for the requested resource.问题。

解决方法：

在html文件的<head>中加入如下<meta>代码：

// index.html
<meta name="referrer" content="no-referrer" />

nuxt2/3 - 解决报错Failed to execute ‘appendChild‘ on ‘Node‘: This node type does not support this method
高级前端工程师
07-03 1795
nuxt2，nuxt3，Node节点，报错，未能在“Node”上执行“appendChild”：此节点类型不支持此方法。打包报错，no-ssr，client-only，nuxt报错Failed to execute ‘appendChild‘ on ‘Node‘: This node type does not support this method，详细解决方案，页面白屏，刷新页面会出现异常，页面点击路由跳转则正常，服务端渲染，SSR报错，Nuxt.js打包后报错DOME，如何解决这个错误，找不到怎么办，
【经典】持久更新编译器报错及操作问题（解决方法）
m0_59505309的博客
11-05 819
【经典】持久更新编译器报错及操作问题（解决方法）
常见a标签的错误及解决办法
gercke的博客
12-21 1593
一、在a标签中如果使用了 target=“_blank” target=“_blank” 是一种有漏洞的使用方式 如果要用的话，那么就需要加上 rel=“noopener noreferrer”>，用来阻止漏洞 <a href="http://baidu.com" target="_blank" ref="noopener noreferrer"></a> 二、修改配置 解决办法 运行 npm run eject //添加配置 //在package.json文件中添
a标签访问报错，直接浏览器打开正常
weixin_48320418的博客
12-01 839
因为目标网站可能做了反爬机制，判断的访问源的Referer，Referer是请求头中的一个参数。给a标签加上这个属性即可。
解决:有的网站在浏览器开窗口可以访问,但是在网页里用a标签链接就无法访问
ydZ157的博客
11-16 2610
这是因为目标网站可能做了反爬机制，判断的访问源的Referer，Referer是请求头中的一个参数。 那么，如果我想在我的网页中，直接链接跳转到目标网站怎么做呢？ 新建一个中转页面，将目标地址当做参数传过去，然后在中转页面创建一个iframe，在iframe中进行location跳转，这样就会隐藏当前页面的Refer，从用户体验上，并不会产生差异。 上中转页面代码： <!DOCTYPE html> <html> <head> <title&
HTML中a标签跳转后路径不正确？
weirdo_world的博客
07-24 404
场景：页面中动态设置了一个tag跳转的a标签，由于页面路径都是同级的一直没发现问题，后来新增页签想通过模块目录分类，就出现了跳转后地址路径重复404问题。上面除了tag_4.html 都是在同一目录下的页面。
a标签地址跳转问题总结
qiuboshi_的博客
05-10 1561
一、a标签 1、 a标签href可以跳转到某个页面 如下 <a href="user/register.html">注册</a> 测试结果 2、a标签也可以跳转执行某一个函数，但要注意在函数名前要加上"javascript:" <a href="javascript:register()">注册</a> 测试结果：执行register()函数后弹出注册框 如果在函数名前没有加上“javascript:”，会默认跳转到register()页面,找不到该页
关于在浏览器新标签页重新登录后旧页面没刷新导致一系列问题的解决方法
为写出赏心悦目、容易维护的代码而探索
07-08 655
关键：页面登录标记与本地缓存标记不同，就刷新页面更新标记。
jsp页面使用My97DatePicker日历控件就经常出现无法打开站点
03-19
然而，在实际应用中，可能会遇到“无法打开站点”的问题，这可能是由多种原因引起的。以下我们将详细探讨这个问题及解决方案。 首先，我们需要理解My97DatePicker的工作原理。它通过JavaScript代码在客户端（用户的...
vue移动端h5中a标签下载/预览文件
Thelittlewhale的博客
05-26 9642
需求：在原有的列表页中增加一行展示附件（点击可下载）。 只写结构，暂不考虑其他，增加附件行的代码如下： <div> <span> 附件： <a :href='' {{'附件名称'}}> </a> </span> </div> 点击列表页本身的每一个方框会跳转一个详情页，同理点击下载发票附件时也会，需要处理一下点击a标签时的穿透问题。这里我给span加上一个点击事件，事件里边写上event.stopPro.
直接打开网址没问题，通过超链接或window.open打开报错：The HTTP request is not acceptable for the requested resou
大头哥的哥
11-19 6810
我有一个静态html网页，里面有3个超链接，我把这个静态网页放到nginx发现只要打开某个网址，都会提示下面的错误：The HTTP request is not acceptable for the requested resource.但奇怪的是，在浏览器的地址栏回车一下，就能访问了，百思不得其解。 一开始我以为是nginx的问题，结果部署到tomcat中去访问，依然有此问题，可见，网页跳转...
a标签跳转新地址无法访问，但手动输入新地址可以访问
m0_58750788的博客
04-05 739
a href="http://abcdefg.com" target="_blank">点击跳转推荐下面的解决方案三。
html a 标签无法跳转,为什么点击页码后列表的a标签就无法跳转了？
weixin_33268492的博客
06-04 1550
如图，列表最右侧的数字1是一个a链接，点击可以跳转到新页面。在页码第一页时可以正常跳转。当我点击到第二页时，列表的a链接便无法跳转。再回到第一页链接也无法跳转了。也就是说只要点击页码后，列表里的a链接便无法跳转了。分页用的是laypage，a链接换成button也是同样的问题。请问这是什么原因？function getInfo(page) {$.ajax({type: 'post',url: '/...
使用html的a标签，无法转跳到servlet页面中的解决办法，适用于servlet的初学者，不与框架相兼容
秃头的博客
09-05 2067
点击标签后出现 保证其他没问题的情况下，这个就是属于路径问题 我们先看以下原始的a标签的路径和servlet的路径 后面的/logoutServlet就是实现两个页面连接的桥梁 很多人认为a标签指的是文件路径，其实不是的，它指的是服务器路径，点击我们的Tomcat 上面的就是服务器路径，我们把9090后面的JSP_Servlet01_war_exploded这个路径与之前/logoutServlet前面的路径改成一样的就可以了 你也可以把Tomcat的默认路径改成JSP_Servlet01， 当然也可以
html- a标签包裹img标签, 点击图片无法跳转问题记录及解决方法
qq_41421033的博客
10-24 1702
这里的解决方式通过把a标签跟img标签的结构改成同级, 然后样式中对a标签添加绝对定位, 并且保证a标签的z-index为当前最高层级。首先明确我们的目标, 就是a标签包裹的内容, 都能点击后以后直接跳转。
使用a标签无法跳转到指定网页的解决办法_艾孜尔江撰
热门推荐
艾孜尔江的博客
08-07 12万+
平时HTML中的a标签是我们十分喜爱使用的，但是就是这样的简单基础的标签有时候会出现我们意想不到的问题。 首先来一段测试，以复现问题，使用一堆url，动态创建多个a标签，撰写如下所示的代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"&gt..
HTML - 请你说一下如何阻止a标签跳转
xingyu_qie的专栏
04-03 1308
意思就是void后面的小括号内，正常情况下是可以有Javascript代码的，但这里使用0做为表达式，也就是当用户点击a标签的时候，void(0)的计算值就是0，不会发生任何事情，从而阻止了a标签的跳转。a标签的默认语义化功能就是超链接，HTML给它的定位就是与外部页面进行交流，不过也可以通过锚点功能，定位到本页面的固定id区域去。还有说出javascript:void(0)的含义，这虽然不是什么难点，但在回答这道题的时候，即便面试官不问，自己也应该主动说出来，这种主动性绝对会。
直接打开网址可以跳转，通过window.open报错404
口袋的天空的博客
05-06 4472
一.遇到的问题： 直接在浏览器输入网址是可以打开的，但是从项目里跳转就不行。 浏览器直接输入网址的http请求信息： 项目里跳转的http请求信息 二.问题原因 从浏览器直接输入是没有referer的，从项目里跳转会带上项目的地址作为referer 所以可能要跳转的服务器对referer进行了拦截。 三.解决方案 方法一 第一种方法在谷歌浏览器有效，我在火狐上测试无效。 window.open('javascript:window.name;', '<script>location.repl
记a标签访问别人网站打不开的解决办法
klwan760027509的专栏
07-05 2508
1.a标签目标访问地址：https://cqjy.qdcq.net/portal/pro/index.jsp?proId=3a2f901ea07b453aba9b1c1786030d45 2.点击a标签后，Chrome下展示如下： 3.原因是目标网站做了来源检测，阻止了访问 4.解决办法： 在a标签加rel="noreferrer"属性，此方法在chrome下可行，在i...
package com.demo; import javax.servlet.*; import javax.servlet.http.*; import javax.servlet.annotation.*; import java.io.BufferedReader; import java.io.IOException; import java.io.InputStream; @WebServlet(name = "Servlet2", value = "/Servlet2") public class Servlet2 extends HttpServlet { @Override protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { doPost(request,response); } @Override protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { InputStream is = request.getInputStream(); byte buff[] = new byte[1024]; StringBuilder sb = new StringBuilder(); int len = 0; while ((len = is.read(buff))!=-1) { sb.append(new String(buff,0,len)); } // BufferedReader br = request.getReader(); // sb.append(br.readLine()); response.getWriter().println(sb.toString()); } } <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form action="/httpservlet_demo1_war_exploded/Servlet2" method="post"> 用户名：<input type="text" name="username"><br/> 密码：<input type="password" name="password"><br/> <!-- 爱好：<input type="checkbox" name="hobby" value="sing">唱歌--> <!-- <input type="checkbox" name="hobby" value="dance">跳舞--> <!-- <input type="checkbox" name="hobby" value="basketball">篮球<br/>--> <input type="submit" value="提交"> </form> </body> </html>在网页无法显示组件怎么办？
最新发布
03-14
<think>好的，我现在需要解决用户提到的网页中表单组件无法显示的问题，特别是与Servlet相关的部分。首先，我得理解用户的问题场景。用户可能在开发一个使用Servlet处理表单的Web应用，但在页面上表单组件（比如输入框、按钮等）没有正确显示。接下来，我需要分析可能的原因，并给出相应的解决方案。 首先，根据用户提供的引用内容，特别是引用[2]，里面提到Servlet需要在web.xml中进行配置和映射才能响应HTTP请求。如果Servlet没有正确配置，可能导致表单提交的目标地址不存在，进而影响表单的显示或处理。不过表单组件本身通常是在JSP或HTML页面上定义的，所以不显示的问题可能更多与前端代码有关，但也不能排除Servlet配置问题导致表单无法提交，从而让用户误以为表单没显示。 接下来，我需要考虑可能的原因： 1. **前端代码错误**：表单组件的HTML标签可能写错了，比如没有正确的name或id属性，或者表单的action属性指向的Servlet URL不正确。 2. **Servlet配置问题**：Servlet没有在web.xml中正确声明和映射，导致表单提交的URL找不到对应的Servlet，进而可能引发404错误，但表单本身应该还是显示的。 3. **路径问题**：表单的action路径可能写错了，比如相对路径不正确，或者没有使用正确的上下文路径。 4. **服务器未正确部署或启动**：如果Tomcat服务器没有正确启动，或者应用未部署，那么整个页面可能无法加载，包括表单组件。 5. **浏览器缓存问题**：旧的缓存可能导致页面没有加载最新的HTML代码，从而表单组件看似没显示。 6. **CSS/JS影响**：某些CSS样式可能隐藏了表单组件，比如display:none或visibility:hidden，或者JavaScript错误导致表单无法渲染。 7. **Servlet未正确处理请求**：比如Servlet没有正确转发或重定向到目标页面，导致用户看不到包含表单的页面。 然后，根据这些可能的原因，我需要逐一排查： - **检查HTML/JSP代码**：确保表单元素如<input>、<form>标签正确闭合，属性正确。特别是<form>的action属性是否正确指向配置好的Servlet URL，比如action="LoginServlet"，而对应的Servlet在web.xml中的url-pattern是否为/LoginServlet。 - **验证Servlet配置**：根据引用[2]，检查web.xml中的<servlet>和<servlet-mapping>是否正确配置。比如是否声明了Servlet类，并且url-pattern与表单的action一致。例如： ```xml <servlet> <servlet-name>MyServlet</servlet-name> <servlet-class>com.example.MyServlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>MyServlet</servlet-name> <url-pattern>/MyServlet</url-pattern> </servlet-mapping> ``` 如果这里的配置有误，比如类路径错误或URL不匹配，会导致表单提交失败，但表单本身应该还是显示的。不过如果表单的显示依赖于Servlet的转发或重定向（比如通过Servlet跳转到表单页面），那么Servlet配置错误可能导致页面无法访问，进而表单不显示。 - **路径问题**：检查表单的action路径是否使用了绝对路径，比如应该以应用上下文路径开头，或者正确使用相对路径。例如，如果应用部署在上下文路径/myapp下，而表单的action写为action="MyServlet"，可能需要改为action="/myapp/MyServlet"或者使用相对路径正确指向。 - **服务器状态**：确认Tomcat是否正常运行，应用是否成功部署。查看日志文件是否有错误信息，比如ClassNotFoundException，这可能说明Servlet类路径配置错误。 - **清除浏览器缓存**：建议用户强制刷新页面（Ctrl+F5）或使用无痕模式访问，排除缓存导致的问题。 - **检查CSS/JS**：使用浏览器的开发者工具查看元素，确认表单元素是否存在但被隐藏，或者是否有JavaScript错误阻止了表单渲染。 - **Servlet处理逻辑**：如果表单所在的页面是通过Servlet的forward或redirect到达的，比如在Servlet中处理请求后转发到JSP页面显示表单，那么需要检查Servlet是否正确处理了请求并转发了请求。例如，在Servlet的doGet方法中是否有类似request.getRequestDispatcher("form.jsp").forward(request, response); 的代码，如果没有正确转发，用户可能看不到表单页面。 另外，根据引用[4]，页面重定向（sendRedirect）和请求转发（forward）的区别也很重要。如果使用sendRedirect，会导致客户端重新发起请求，可能丢失某些请求属性，而forward则是在服务器内部转发，保留请求属性。如果表单页面需要某些属性才能正确显示，使用错误的跳转方式可能导致问题。 总结可能的解决方案步骤： 1. **检查前端代码**：确保表单标签正确，特别是<form>的action属性是否正确。 2. **验证Servlet配置**：检查web.xml中的声明和映射是否正确，类路径是否正确。 3. **检查路径是否正确**：使用绝对路径或正确的相对路径。 4. **确认服务器状态**：查看日志，确保应用部署成功。 5. **清除缓存**：排除浏览器缓存问题。 6. **检查CSS/JS影响**：使用开发者工具查看元素和网络请求。 7. **确认Servlet跳转逻辑**：是否正确地转发到包含表单的JSP页面。 可能用户的问题在于，表单所在的JSP页面没有被正确访问到，比如Servlet配置错误导致无法跳转到该页面，或者表单的action指向了一个未正确配置的Servlet，但表单本身在JSP中是存在的，只是提交后出现问题。不过用户明确说表单组件不显示，所以更可能是表单所在的页面无法加载，或者表单元素被隐藏。 可能还有一种情况是，用户直接在浏览器中访问JSP页面，而该页面没有被正确部署，或者路径错误，导致无法加载。或者，JSP页面中存在错误，导致无法正确渲染，比如标签未闭合，导致整个表单部分无法显示。 例如，在JSP中，如果<form>标签没有正确闭合，或者某个元素属性错误，可能导致整个表单不显示。或者，服务器端编译JSP时出现错误，导致生成的Servlet无法执行，从而返回500错误，此时页面无法显示，包括表单。 需要用户检查服务器日志，看是否有相关的错误信息，比如JSP编译错误，或Servlet初始化错误。 综上，我需要将上述可能的原因和解决方案整理成结构化的回答，帮助用户逐步排查问题。</think>### Servlet表单组件不显示的原因及解决方案 #### 一、常见原因分析 1. **前端代码错误** - 表单元素标签（如$<form>$、$<input>$）未正确闭合或属性缺失（如缺少`name`或`id`） - 表单的`action`属性指向的Servlet URL错误，例如未匹配`web.xml`中的配置[^2] 2. **Servlet配置问题** - `web.xml`中未正确声明Servlet类或映射URL路径 示例错误配置： ```xml <servlet> <servlet-name>MyServlet</servlet-name> <!-- 类路径错误 --> <servlet-class>com.wrong.package.MyServlet</servlet-class> </servlet> ``` 3. **路径问题** - 表单的`action`路径未使用绝对路径或上下文路径，例如： ```html <!-- 错误示例：缺少应用上下文路径 --> <form action="MyServlet"> ``` 4. **服务器部署问题** - Tomcat未启动或应用未成功部署，导致页面无法加载 - 服务器日志中可能提示`ClassNotFoundException`或`404`错误 5. **浏览器缓存干扰** - 旧版本页面缓存导致未加载最新代码 6. **CSS/JS影响** - CSS样式隐藏表单元素（如`display: none`） - JavaScript错误阻塞页面渲染 7. **Servlet跳转逻辑错误** - 未正确使用`forward()`或`sendRedirect()`方法跳转到表单页面[^3][^4] --- #### 二、逐步排查步骤 1. **检查HTML/JSP代码** - 确认表单元素标签完整且属性正确 示例正确代码： ```html <form action="/myapp/LoginServlet" method="post"> <input type="text" name="username"> <input type="submit" value="提交"> </form> ``` 2. **验证Servlet配置** - 检查`web.xml`中的`<servlet-class>`路径是否与Java类实际包路径一致 - 确保`<url-pattern>`与表单的`action`路径匹配[^2] 3. **检查路径格式** - 使用绝对路径（如`action="/myapp/LoginServlet"`） - 通过`${pageContext.request.contextPath}`动态获取上下文路径： ```html <form action="${pageContext.request.contextPath}/LoginServlet"> ``` 4. **查看服务器日志** - 检查Tomcat的`catalina.out`或IDE控制台，定位`ClassNotFoundException`或`404`错误 5. **清除浏览器缓存** - 使用`Ctrl+F5`强制刷新页面或打开无痕模式测试 6. **使用开发者工具排查** - 按`F12`打开开发者工具，检查： - 网络请求是否返回`200`状态码 - 表单元素是否被CSS隐藏（查看`Computed`样式） - 控制台是否有JavaScript报错 7. **检查Servlet跳转逻辑** - 若表单页面需通过Servlet访问，确认`doGet()`方法中包含转发代码： ```java request.getRequestDispatcher("/form.jsp").forward(request, response); ``` --- #### 三、典型解决方案 **场景1：表单`action`路径错误** - **问题表现**：提交表单后返回`404`错误 - **修复方法**： ```html <!-- 修改前 --> <form action="LoginServlet"> <!-- 修改后 --> <form action="/myapp/LoginServlet"> ``` **场景2：Servlet类未配置** - **问题表现**：服务器日志提示`ClassNotFoundException` - **修复方法**： 修改`web.xml`中的`<servlet-class>`为正确包路径： ```xml <servlet-class>com.example.servlet.LoginServlet</servlet-class> ``` **场景3：CSS隐藏表单** - **问题表现**：开发者工具中可见表单元素但页面上不可见 - **修复方法**： 修改CSS样式： ```css /* 错误样式 */ #form-container { display: none; } /* 正确样式 */ #form-container { display: block; } ``` --- #### 四、扩展验证方法 1. **简化测试** - 直接通过URL访问JSP页面（如`http://localhost:8080/myapp/form.jsp`），排除Servlet跳转逻辑影响 2. **对比实验** - 创建一个仅包含纯HTML表单的页面，验证是否能正常显示，逐步添加Servlet相关功能定位问题 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

PHP技术栈

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值