如何使 PDF 格式的图像在新弹出窗口 window 中打开其 link？

Question

我正在 HTML 中嵌入 PDF。 PDF 中有一些带有 link 的图像。我想让那些 link 在弹出窗口 window/ 新的 window 中打开，而不是在点击时在新的/相同的选项卡中打开。

Answer 1

根据 HTML5 规范：

A valid browsing context name is any string with at least one character that does not start with a U+005F LOW LINE character. (Names starting with an underscore are reserved for special keywords.)

A valid browsing context name or keyword is any string that is either a valid browsing context name or that is an ASCII case-insensitive match for one of: _blank, _self, _parent, or _top." - Source

所以使用

target="_blank"

应该能帮到你。

Answer 2

如果没有目标属性适合您，您可以在 JS/jQuery 中执行此操作

   return function(el) {
        el.find('a').on('click', function(e) {
          e.preventDefault();
          var i = $(this).attr('class');
          var u = this.href;
          var c = {h:370, w:550};
          var xPos = ($(window).width()-c.w)/2;
          var n = window.open(u,i,'height='+c.h+',width='+c.w+',left='+xPos+',top=60,screenX='+xPos+',screenY=60');
          if (window.focus) { n.focus(); }
        });
    };

Answer 3

您在 PDF 上提供了一个 link，这样在弹出窗口中打开的 link 应该是一个参数。编写一个 jquery/js 脚本来访问该参数并打开一个弹出窗口 window 或 boostrap 模态以在其中显示 link。我希望这有帮助。

如何使 PDF 格式的图像在新弹出窗口 window 中打开其 link？

How do I make an image in PDF open its link in new pop-up window?

html

javascript

pdf

pdf-generation