javascript - 托管来自共享的网页。之后的网页超链接?没有通过

标签 javascript html

由于管理员限制,我最终使用 HTML 和 JavaScript 在共享文件夹上创建了一个网页。所有人都可以访问此共享文件夹。我所做的是将 *.html 文件放在给定的共享文件夹中,并链接该文件现在通过电子邮件共享。类似于使用文件夹和文件路径共享 Excel 或 Word 文件。在本例中,它将打开一个网页。

下面给出的是我尝试使用的示例网页链接。我正在尝试传递一些值以及文件链接。只要我将链接复制并粘贴到 IE 或 Chrome 中,它就可以使用完整的 url,但如果从 Excel 或 Outlook 电子邮件中单击它,则每个“?”后都会显示完全相同的链接失踪了。有人可以帮我找到一个解决方案,以便能够与“?”之后的内容共享文件夹路径吗?也完好无损。

'?'后面的内容将用于填充将打开的网页。下面给出的是我尝试创建的超链接的示例。

文件://<>/Test.html?uid=2&age=24#

我正在使用的代码。有意删除了 JavaScript 标签。因为无法用它来寻呼它。

            function getParam(name)
        {  
            name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");  
            var regexS = "[\\?&]"+name+"=([^&#]*)";  
            var regex = new RegExp( regexS );  
            var results = regex.exec(window.location.href);
            if(results == null)
                return "";  
            else    
                return results[1];
        }
      function getUrlData()
       {
            TestingApp.txtUID.value = getParam("uid");
            TestingApp.txtAge.value = getParam("age");
            alert('Hi world');
       }

</head>
<body>
   <h2 font face="Georgia, Garamond, Times New Roman" color="#FF0000">Testing</h2>

<font face="Verdana, Tahoma, Arial" size="3">
<form name="TestingApp">
  <table border="0" cellpadding="0" cellspacing="0">
<tr>
  <td width="100">UID:</td>
  <td><input type="text" name="txtUID" size="14"></td>
  <td width="100">Age:</td>
  <td><input type="text" name="txtAge" size="14"></td>
</tr>
<tr>
  <td width="100">Full Name:</td>
  <td><input type="text" name="txtFullName" size="30"></td>
</tr>
<tr>
  <td width="100"><br><br></td>
  <td>
    <input type="button" value="Show Full Name" onClick="getUrlData()">
  </td>
</tr>
  </table>
</form>
</font>

</body>
</html>

`

最佳答案

您可以使用参数创建页面换行:

  1. 创建wrap.html并使用link变量中的参数指定指向page.html的链接:

<html>

<head>
  <script type="text/javascript">
    var link = "file:///C:/page.html?age=10&uid=777";
    document.location.href = link;
  </script>
</head>

<body>
</body>

</html>

  • 在 Word 或 Excel 文档中创建指向 wrap.html 的超链接,不带参数
  • 当您点击Word中的超链接时,wrap.html会将您重定向到带参数的page.html。

  • 创建page.html:
    <html>
    <head>
      <title>TestingApp</title>
      <style>
        .title {
          font-family: "Georgia", "Garamond", "Times New Roman";
          color: #FF0000;
        }
        .TestingApp {
          font-family: "Verdana", "Tahoma", "Arial";
          font-size: 1em;
        }
        .field {
          display: block;
          padding: 10px;
        }
      </style>
    </head>
    
    <body>
      <h2 class="title">Testing</h2>
      <form class="TestingApp" id="TestingApp">
        <div class="field">
          <label for="txtUID">UID:</label>
          <input type="text" id="txtUID" name="txtUID" size="14">
        </div>
        <div class="field">
          <label for="txtAge">Age:</label>
          <input type="text" id="txtAge" name="txtAge" size="14">
        </div>
        <div class="field">
          <label for="txtFullName">Full Name:</label>
          <input type="text" name="txtFullName" size="30">
        </div>
        <div class="field">
          <input type="button" value="Show Full Name" onClick="getUrlData()">
        </div>
      </form>
      <script>
        function getParam(name) {
          name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
          var regexS = "[\\?&]" + name + "=([^&#]*)";
          var regex = new RegExp(regexS);
          var results = regex.exec(window.location.href);
          return (results == null) ? "" : results[1];
        }
    
        function getUrlData() {
          document.getElementById("txtUID").value = getParam("uid");
          document.getElementById("txtAge").value = getParam("age");
        }
      </script>
    </body>
    
    </html>
  • 附注切勿使用table来标记页面。所有样式都应在 style 标记或外部文件中声明

    关于javascript - 托管来自共享的网页。之后的网页超链接?没有通过,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41923140/

    相关文章:

    javascript - 单击选项卡时关闭滑动菜单

    javascript - 如何在 URL 中发送韩文字符?

    javascript - 在放大的弹出窗口中显示动态内容

    JavaScript + HTML : Button Not Calling on Function Onclick

    JavaScript : Zero padding in string

    javascript - 我的演示组件的 return 语句内的 if 语句引发意外的标记错误

    javascript - 将数据附加到已经存在的 AudioBuffer 对象

    javascript - 通过 JavaScript 函数填充 HTML 下拉菜单

    javascript - IE10 - 文件输入 : TIFF files and accept attribute

    html - Overlayer 推侧边导航