Fatal编程技术网
  • javascript/
  • Javascript 如何在弹出窗口中打开链接？

Javascript 如何在弹出窗口中打开链接？

javascript jquery

Javascript 如何在弹出窗口中打开链接？,javascript,jquery,popup,Javascript,Jquery,Popup,在以下代码中，我在弹出窗口中放置了以下链接： <p><a href="http://www.google.com">Go to google!</a></p> 当我点击这个链接时，google.com加载了整个HTML页面，但它会占用整个HTML页面。我希望它只在弹出窗口中打开，而不会损害父文档体。我怎样才能做到这一点 <!DOCTYPE html> <html> <head>

在以下代码中，我在弹出窗口中放置了以下链接：

<p><a href="http://www.google.com">Go to google!</a></p>
当我点击这个链接时，google.com加载了整个HTML页面，但它会占用整个HTML页面。我希望它只在弹出窗口中打开，而不会损害父文档体。我怎样才能做到这一点

   <!DOCTYPE html>
    <html>
    <head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet"   href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
    <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
    <script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
    </head>
    <body>

    <div data-role="page">
      <div data-role="header">
       <p><a href="http://www.google.com">Go to google!</a></p>
      </div>

      <div data-role="main" class="ui-content">
        <a href="#myPopupDialog" data-rel="popup" data-position-to="window" data-transition="fade" class="ui-btn ui-corner-all ui-shadow ui-btn-inline">Open Dialog Popup</a>

        <div data-role="popup" id="myPopupDialog">
          <div data-role="header">
            <h1>Header Text</h1>
          </div>

          <div data-role="main" class="ui-content">
            <h2>Welcome to my Popup Dialog!</h2>
            <p><a href="http://www.google.com">Go to google!</a></p>
            <a href="#" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-b ui-icon-back ui-btn-icon-left" data-rel="back">Go Back</a>
          </div>

          <div data-role="footer">
            <h1>Footer Text</h1>
          </div>
        </div>
      </div>

      <div data-role="footer">
        <h1>Footer Text</h1>
      </div>
    </div> 




标题文本
欢迎来到我的弹出对话框！


页脚文本
页脚文本
您无法从弹出窗口（或iframe）访问google，因为有策略阻止，我打赌您可以在新窗口中打开它，您需要
target=“\u blank”
属性：

<p><a target="_blank" href="http://www.google.com">Go to google!</a></p>
检查此问题以获得更好的指导

您无法从弹出窗口（或iframe）访问google，因为有政策阻止，我打赌您可以在新窗口中打开它，您需要
target=“\u blank”
属性：

<p><a target="_blank" href="http://www.google.com">Go to google!</a></p>
检查此问题以获得更好的指导

使用iframe而不是




标题文本
去学校

页脚文本
页脚文本
参考

使用iframe而不是




标题文本
去学校

页脚文本
页脚文本
作为参考

我认为您必须将其加载到iframe中才能使其正常工作。但不确定。我认为您必须将其加载到iframe中才能使其工作。虽然不确定。你可以使用i框架，但一些网站不允许使用i框架。关于软件，有一件事让我很恼火，那就是人们在没有解释原因的情况下否决了投票。不管怎样，谢谢你的回答，你可以使用i框架，但有些网站不允许使用i框架。关于软件，有一件事让我恼火，那就是人们在没有解释原因的情况下否决了投票。无论如何，谢谢你的回答