开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

带有target="_blank“的表单返回的PDF在主屏幕web应用中不起作用

带有target="_blank"的表单返回的PDF在主屏幕web应用中不起作用是因为target="_blank"属性会在新的浏览器标签或窗口中打开链接，而主屏幕web应用通常是一个单页应用，无法打开新的标签或窗口。

解决这个问题的方法是使用其他方式来打开PDF文件，例如使用JavaScript来处理表单提交，并在同一页面中加载PDF文件。以下是一个示例代码：

<!DOCTYPE html>
<html>
<head>
  <title>表单提交</title>
  <script src="https://cdn.jsdelivr.net/npm/pdfobject"></script>
</head>
<body>
  <form id="pdfForm" action="your_pdf_generation_endpoint" method="POST">
    <!-- 表单内容 -->
    <input type="submit" value="生成PDF">
  </form>

  <div id="pdfContainer"></div>

  <script>
    document.getElementById("pdfForm").addEventListener("submit", function(event) {
      event.preventDefault(); // 阻止表单默认提交行为

      // 使用Ajax或其他方式将表单数据发送到服务器生成PDF文件
      // 在成功返回后，使用PDFObject库将PDF文件加载到指定的容器中
      // 以下是一个示例代码，具体实现需要根据实际情况进行调整
      var xhr = new XMLHttpRequest();
      xhr.open("POST", "your_pdf_generation_endpoint", true);
      xhr.setRequestHeader("Content-Type", "application/json");
      xhr.onreadystatechange = function() {
        if (xhr.readyState === 4 && xhr.status === 200) {
          var pdfUrl = JSON.parse(xhr.responseText).pdfUrl;
          PDFObject.embed(pdfUrl, "#pdfContainer");
        }
      };
      xhr.send(JSON.stringify({ formData: "your_form_data" }));
    });
  </script>
</body>
</html>

在上述示例代码中，我们使用了PDFObject库来加载PDF文件，并将其嵌入到id为"pdfContainer"的容器中。你需要将"your_pdf_generation_endpoint"替换为实际的生成PDF文件的服务器端接口地址，并根据实际情况调整表单数据的处理逻辑。

这种方式可以在主屏幕web应用中实现在同一页面中加载PDF文件，避免了target="_blank"属性的限制。

相关搜索:ping类在已发布的net核心web应用程序中不起作用 Tkinter的root.mainloop()在使用主循环的应用程序中不起作用 “添加到主屏幕”图标在带有HTTPS的iOS 13上不起作用上下文在使用web speech API的web应用对话流中不起作用使用target="_blank“在带有github标记的新选项卡中打开链接可以在GitHub风格的Markdown中创建带有‘target=“_blank’的链接吗？在Android主屏幕中列出2个同名的应用程序实例在Google Apps脚本web应用中获取任意表单元素的值在iOS Safari上调试添加到主屏幕的web应用在web服务响应中返回带有列表的Jaxb绑定

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

涨知识！这些 HTML 标签恐怕你从未听说过

HTML中有超过100个元素，所有这些元素都可以应用于文本片段，以赋予它们在文档中的特殊意义。...此外，可以使用它的title属性来编写单词的完整形式，以便屏幕阅读器可以阅读它，用户可以将鼠标悬停在上面阅读它。...href="https://developer.mozilla.org/docs/Web/Guide/Graphics" target="_blank" alt..." href="https://developer.mozilla.org/docs/Web/CSS" target="_blank" alt="CSS" />...，其中在一个文本块中定义多个术语。

8884 1

新窗口创建问题 | Electron 安全

，因为它是在主进程中调用的。...，我们借 a 标签来理解，这几个特殊的关键字在 a 标签中完全支持那 a 标签中 target 的意义是什么呢？...github.com', '_blank', 'top=500,left=200,frame=false,nodeIntegration=no') 在 web 技术中，这个参数叫做 windowFeatures...根据 web 技术中对 window.open 的描述，也和之前 web 嵌入章节一样，如果父窗口和子窗口同源，则可以通过对象关系进行访问，不同源则不行当然，在 features 中也有 noopener...只是一个小工具，用 iframe 等标签也可以做到，简单来说就是 window.open 支持打开本地文件，大部分程序是通过本地文件创建主窗口的，那刚好同源，就可以通过 window.open 的返回对象

2041 0

关于环境保护html网页设计完整版,5个以环境为主题的网页设计与实现

✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主作者主页: 【主页——获取更多优质源码】 web前端期末大作业：【毕设项目精品实战案例 (1000套) 】程序员有趣的告白方式...：【HTML七夕情人节表白网页制作 (110套) 】超炫酷的Echarts大屏可视化源码：【 echarts大屏展示大数据平台可视化(150套) 】免费且实用的WEB前端学习指南：【web前端零基础到高级学习视频教程... 二、✍️网站描述 ⭐ 总结了一些学生网页制作的经验：一般的网页需要融入以下知识点：div+css布局、浮动、定位、高级css、表格、表单及验证、js轮播图、音频视频 Flash的应用、ul..., 点击事件等等（个别网页中运用到js代码）。...该专题为编程入门级别，适合刚学完语法的小白练习，题目涉及编程基础语法，基本结构等，每道题带有练习模式和考试模式，可还原考试模式进行模拟，也可通过练习模式进行练习。

7393 0

Puppeteer 入门与实战

每个页面都有一个主的Frame，ExecutionContext是Frame提供的一个JavasSript执行环境。..._connection.send('Target.createTarget', {url: 'about:blank', browserContextId: contextId || undefined..._connection.send('Target.createTarget',{})使用CDP中的Target.createTarget创建页面了页面，同样，在我们其他API时也是在使用CDP中的方法，...只有一个方法，emulateViewport，模拟设备与视口尺寸四、应用除了文章开始的抓取emoji表情外，我们尝试将Puppeteer应用在一个前端自动化测试的场景中，我们在后台管理系统开发测试中...，经常会碰到表单的提交，对于表单中不同字段的校验需要模拟不同的场景，人工的点击效率低，而且每次都需要重复表单输入，比较繁琐。

2K4 0

C++ Web 编程

公共网关接口（CGI），是使得应用程序（称为 CGI 程序或 CGI 脚本）能够与 Web 服务器以及客户端进行交互的标准协议。...虽然 CGI 文件是 C++ 可执行文件，但是按照惯例它的扩展名是 .cgi。默认情况下，Apache Web 服务器会配置在 /var/www/cgi-bin 中运行 CGI 程序。...这是我的第一个 CGI 程序上面的 C++ 程序是一个简单的程序，把它的输出写在 STDOUT 文件上，即显示在屏幕上。...target="_blank"> 请在这里输入文本......" target="_blank"> 数学 <option value=

1.2K6 0

开心档之C++ Web 编程

公共网关接口（CGI），是使得应用程序（称为 CGI 程序或 CGI 脚本）能够与 Web 服务器以及客户端进行交互的标准协议。...Web 服务器配置在您进行 CGI 编程之前，请确保您的 Web 服务器支持 CGI，并已配置成可以处理 CGI 程序。所有由 HTTP 服务器执行的 CGI 程序，都必须在预配置的目录中。...虽然 CGI 文件是 C++ 可执行文件，但是按照惯例它的扩展名是 .cgi。默认情况下，Apache Web 服务器会配置在 /var/www/cgi-bin 中运行 CGI 程序。...这是我的第一个 CGI 程序上面的 C++ 程序是一个简单的程序，把它的输出写在 STDOUT 文件上，即显示在屏幕上。...target="_blank"> 请在这里输入文本...

1551 0

使用 Vue.js 和 JavaScript 在 Web 应用程序中下载 PDF 文件

在本文中，我们将学习如何使用 Vue.js 和 JavaScript 创建一个从 Web 前端应用程序下载 PDF 文件的选项。生成的函数将是一个可重用的组件，可以在你的应用程序的任何地方使用。...downloadPdf函数负责创建指向 PDF 文件的“a”链接并模拟点击它，触发文件下载。 ---- 使用组件现在我们已经创建了组件，我们可以在应用程序的任何地方使用它。...useDownloadPdf返回一个函数downloadPdf，该函数将 PDF 文件的位置作为参数。...模板中的下载按钮在单击时调用downloadPdf方法。结论现在你知道了如何使用 Vue.js 和 JavaScript 在前端 Web 应用程序中创建下载 PDF 文件的功能。...在这两种情况下，代码都可以更短，具体取决于你更喜欢在 Vue 中使用哪种语法。我希望本文对你有用，并且你可以在未来的项目中应用此功能。

2.7K1 0

前端开发必知：HTML、Vue和React中的跨域页面跳转解决方案

前端开发必知：HTML、Vue和React中的跨域页面跳转解决方案摘要猫头虎博主今天将带你探讨在HTML、Vue和React环境下实现跨域页面跳转的技巧和方法。...引言在日常的前端开发中，页面跳转是常见的需求。而跨域页面跳转，由于涉及到不同域之间的操作，需要我们更为小心和考虑。...'); 表单提交通过创建一个表单，并将其action属性设置为目标页面的URL，也可以实现跨域页面跳转。...跳转到 example.com 使用JavaScript方法在Vue的方法中，可以使用window.location...跳转到 example.com 使用JavaScript方法在React的函数或事件处理器中，可以利用

2111 0

Spring 4 MVC 表单校验资源处理（带源码）

一般来说，容器已经包含了这些库，你可以在pom.xml文件中设置它们的scope为provided 。...第3步:创建 POJO / Domain 对象此domain 对象将扮演承载表单中的user数据的角色。想要验证的属性我们将加上注解。...newRegistration 带有@RequestMethod.GET 处理默认的Get请求, 在模型中添加了student对象为表单提供数据,。...带有@RequestMethod.POST 注解的saveRegistration方法将用来处理表单的POST提交.注意此方法参数的顺序@Valid 要求spring校验对象(student). ...要想这样做，我们需要配置应用中的MessageSource 配置文件提供实际消息的属性文件。

4531 0

如何在Ubuntu 14.04中使用NodeJS，SailsJS和DustJS构建SPA（单页应用程序）

它基于模型 - 视图 - 控制器模式，允许快速开发应用程序。Sails内置了用于实时推送消息的Web套接字集成。它使用Waterline ORM作为默认ORM，使其与数据库无关。...最重要的是，Sails为您的应用程序提供了适当的结构。 Dust是一个JavaScript模板引擎。它继承了ctemplate系列语言的外观，旨在在服务器和浏览器上异步运行。 SPA代表单页应用程序。...在本教程中，我们将设置一个带有SailsJS的NodeJS服务器作为管理代码的框架。我们将使用DustJS用于客户端和服务器上使用的同构模板。...如果没有，请查看以前的步骤。此外，链接在此时不起作用。第5步 - 创建部分注意：部分（或模板）是页面的一部分。在SPA中，我们不会替换整个页面，只是部分。...您可以检查assets/js/clickHandler.js中的代码，以便更好地理解代码。名为xxx的Dust模板是在名为xxx.dust的文件中创作出来的。

3K0 0

学生个人网页模板学生个人网页设计作品简单个人主页成品个人网页制作 HTML学生个人网站作业设计代做

✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主作者主页: 【主页——获取更多优质源码】 web前端期末大作业：【毕设项目精品实战案例 (1000套) 】程序员有趣的告白方式...：【HTML七夕情人节表白网页制作 (110套) 】超炫酷的Echarts大屏可视化源码：【 echarts大屏展示大数据平台可视化(150套) 】免费且实用的WEB前端学习指南：【web..., 点击事件等等（个别网页中运用到js代码）。... <img src="images/index_11.jpg" alt="" width="117...该专题为编程入门级别，适合刚学完语法<em>的</em>小白练习，题目涉及编程基础语法，基本结构等，每道题<em>带有</em>练习模式和考试模式，可还原考试模式进行模拟，也可通过练习模式进行练习。

1.2K2 0

DOM 和 BOM

问题 3: 仅能获得内联样式无法获得样式表中的样式解决: 计算后的样式－最终应用到元素上的完整样式，分两步完成 A....在新窗口打开，可打开多个 ①. html: ②. js: open("url","_blank") (4)....在新窗口打开，只能打开一个 ①. html: ②. js: open("url","name 值") 内存中每个窗口都有一个唯一的...name 属性来标示一个窗口，浏览器规定，相同 name属性的窗口只能打开一个，其实 html 中的 target 属性就是在设置新窗口的 name 属性值，如果 target 中使用自定义的窗口名，则只能打开一个...在 HTML 中绑定: 问题: 不符合内容与行为分离的原则，不便于维护 (2). 在 js 中动态绑定，2 种 ①.

2.2K1 0

（续）很久很久以前学的，16个HTML笔记

在所有浏览器中，链接的默认外观是：未被访问的链接带有下划线而且是蓝色的已被访问的链接带有下划线而且是紫色的活动链接带有下划线而且是红色的属性：属性值描述downloadfilename...target· _blank · _parent · _self · _top · framename规定在何处打开链接文档。typeMIME type规定被链接文档的的 MIME 类型。...内部链接：URL是本网站内的二级域名中超例如： ?...target规定 action 属性中地址的目标（默认：_self）。 Action属性： Action属性定义在提交表单时执行的动作。通常表单会被提交到web服务器上的某个PHP文件。...multipart/form-data在发送前不对字符编码，在使用包含文件上传控件的表单时，必须使用该值。

2.7K3 0

如何使用python进行web抓取？

lxml的容错能力也比较强，少半边标签通常没事。下面使用css选择器，注意安装cssselect。 ? 在 CSS 中，选择器是一种模式，用于选择需要添加样式的元素。...2 element+element div p 选择紧接在元素之后的所有元素。 2 [attribute] [target] 选择带有 target 属性所有元素。...2 [attribute=value] [target=_blank] 选择 target=”_blank” 的所有元素。...2 :before p:before 在每个元素的内容之前插入内容。 2 :after p:after 在每个元素的内容之后插入内容。...3 [attribute$=value] a[src$=".pdf"] 选择其 src 属性以 “.pdf” 结尾的所有元素。

5.5K8 0

Window对象

parent: 返回当前窗口的父窗口对象，如果没有父窗口，则返回自身的引用。 performance: 允许网页访问某些函数来测量网页和Web应用程序的性能。...screenLeft: 返回相对于屏幕窗口的X坐标 screenTop: 返回相对于屏幕窗口的Y坐标 screenX: 返回相对于屏幕窗口的X坐标 screenY: 返回相对于屏幕窗口的Y坐标 sessionStorage...onselect: 窗口内表单元素中文本被选中时触发。 onsubmit: 窗口内表单中submit按钮被按下触发。 onhashchange: 当窗口的锚点哈希值发生变化时触发。...应用相关 onappinstalled: 一旦将Web应用程序成功安装为渐进式Web应用程序，该事件就会被分派。...onbeforeinstallprompt: 当用户即将被提示安装web应用程序时，该处理程序将在设备上调度，其相关联的事件可以保存以供稍后用于在更适合的时间提示用户。

2.4K2 0

前端下载图片的N种方法

-- 触发保存 --> zip静态资源附件zip流所以说如果想用a标签下载图片，那么要让后端加上Content-Disposition响应头，另外也必须以流的形式返回...="_blank">canvas base64字符串 canvas blob...五.表单形式下载对于post请求方式下载图片的话，除了使用上述的方法二和方法三之外，还可以使用form表单： <el-button type="primary" @click...这种方式了解一下就行，因为它只在IE里被支持。

9962 0

ASP.NET MVC5高级编程——（4）表单和HTML辅助方法

在字典中有一个“class”的键值不是问题，问题在于对象中带有一个名为class的属性。..., new {target = "_blank", @class="editForm"})) 另一个问题是将属性设置为带有连字符的名称（项data-val）。...带有连字符的C#属性名是无效的，但所有的HTML辅助方法在渲染HTML时会将属性名中的下划线转换为连字符。..." method="get" target="_blank"> 5.2.3 HTML 辅助方法工作原理每一个 Razor 视图都继承了它们的基类的 Html 属性。...有时，显式提供值的方法是必须的。返回到刚才正在构建（用来编辑专辑信息）的表单。控制器代码： ?

2.9K3 0

odoo Actions学习总结

环境 odoo-14.0.post20221212.tar Actions(动作) action定义系统响应用户操作的行为：登录、操作按钮、选择发票等… action可以存储在数据库中，也可以作为字典直接返回...默认获取模型的默认搜索视图。 target (可选) 视图是否应在主内容区域（current）、以全屏模式（fullscreen）或对话框/弹出窗口（new）中打开。...在web客户端中默认为80 name（可选），action名称，界面显示时拼接到当前面包屑导航(现有导航面包屑 / name值)。...res.partner", "views": [[False, "tree"], [False, "form"]], "domain": [["customer", "=", true]], } 或者在新对话框中打开特定产品的表单视图...中的每个未填充类型，追加(False，type) 应用实践举例在estate模块的estate.property模型的表单视图中，为Action添加菜单"选取offers"，如下： !

2.6K3 0

深入解析HTML的标签

Markdown文件支持HTML标签，今天在编辑Markdown文档时，我希望嵌入一个带有图片的链接，因此需要使用HTML的标签。...在Web开发的领域中，我们经常听到超链接（hyperlink）这个术语，而HTML中的标签则是创造这种连接的关键。...值的类型如下： _blank: 在新窗口或标签中打开链接。 _self: 在当前窗口中打开链接（默认行为）。 _parent: 在父框架中打开链接。 _top: 在整个窗口中打开链接，忽略所有框架。...示例：在新窗口打开链接 download属性指定链接目标为下载，并提供下载文件的名称。...示例： PDF文档总结标签是Web开发中不可或缺的一部分，通过灵活运用其属性，我们可以实现各种各样的链接效果

1291 0

html基础知识点合集

最大的标签根标签 2 head标签：文档的头部文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。...HTML标签分类在HTML页面中，带有“”符号的元素被称为HTML标签，如上面提到的、、都是HTML骨架结构标签。...意思是超文本引用 target：用于指定链接页面的打开方式，其取值有_self和_blank两种，其中_self为默认值，_blank为在新窗口中打开方式。...第2集 base 标签基本的 base 可以设置整体链接的打开状态 base 写到之间把所有的连接都默认添加 target="_blank" 特殊字符标签...表单标签在HTML中，一个完整的表单通常由表单控件（也称为表单元素）、提示信息和表单域3个部分构成。

2.4K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭