Javascript 在同一浏览器的新选项卡中显示数据[工作代码]_Javascript_Html_Google Apps Script_Google Sites

Javascript 在同一浏览器的新选项卡中显示数据[工作代码]

javascript html google-apps-script

Javascript 在同一浏览器的新选项卡中显示数据[工作代码],javascript,html,google-apps-script,google-sites,Javascript,Html,Google Apps Script,Google Sites,我有一个谷歌脚本，显示来自谷歌驱动器的数据列表，这就是它的样子这段代码运行得非常完美，您只需要index.html和code.gs就可以了，下面是这两段代码的代码。（因此，对于那些在你的网站上使用谷歌应用程序脚本的人来说，这将有所帮助。） index.html <!DOCTYPE html> <html> <head> <style> .my_text { font-family: Tahoma;

我有一个谷歌脚本，显示来自谷歌驱动器的数据列表，这就是它的样子

这段代码运行得非常完美，您只需要

index.html

和

code.gs

就可以了，下面是这两段代码的代码。（因此，对于那些在你的网站上使用谷歌应用程序脚本的人来说，这将有所帮助。）

index.html

<!DOCTYPE html>
<html>
<head>
<style>
  .my_text
     {
        font-family:    Tahoma;
        font-size:      13px;
        font-weight:    normal;
     }
</style>

<base target="_top">

<script>
function displayMessage() 
{
        var searchTerm;
        searchTerm = document.getElementById('idSrchTerm').value;
        console.log('searchTerm: ' + searchTerm );
        google.script.run.withSuccessHandler(handleResults).processForm(searchTerm.replace("'","\'")); 
}            
        function handleResults(results){      
        var length=results.length;
        var table = document.getElementById("output");
        var count = document.getElementById("count");

             for(var i=0;i<length;i++)
             {
                var item=results[i];
                item=item.split("|~|");
                count.innerHTML = "Total Records Found : " + length;
                table.innerHTML  +="</br><a href='"+item[1]+"' target='_blank'>"+item[0]+"</a></br>  <B>Owner: </B>" +item[3]+ "</br><B>Last modified: </B>"+item[2]+ "</br> <B>File Size: </B>"+item[4]+"</br>";           
             }

}

function clearBox(elementID)
{
        document.getElementById("output").innerHTML = "";
        document.getElementById("count").innerHTML = "";
}
</script>

<style>
table, th, td 
{
    border: 1px solid black;
}
</style>

</head>

<body>


<div class="container">
       <p class = "my_text">Search File : <input type="text" id="idSrchTerm" name="search" class = "my_text">
       <input type="button" value="Search Drive" name="submitButton" class = "my_text" onClick="clearBox(); displayMessage();"/>
</div> 

<div id = "count" class = "my_text"></div>
<div id ="output" class = "my_text">

</div>

</body>
</html>

我唯一的目标是如何在新窗口中显示结果？我的意思是我会在文本框中键入任何字符串，然后单击按钮，就这样了！输出将显示在一个新窗口中，例如

output.html

TYSM提供未来帮助。

以下是我发布的与此相关的其他问题。是否要打开新的浏览器选项卡？还是一个新的浏览器窗口？与HTML中的一个新标签不同。很抱歉，回复太晚，这里是周末，所以在我的位置很难打开电脑，无论如何，一个新标签就可以了。我的意思是在同一个

浏览器（G Chrome）

中，在我当前选项卡（我运行此代码）旁边有一个新选项卡。为了更好地理解，我将编辑我的问题标题

function doGet(e) { // main function
  var template = HtmlService.createTemplateFromFile('index.html');
  return template.evaluate().setTitle('Search Drive').setSandboxMode(HtmlService.SandboxMode.IFRAME);
}


function SearchFiles(searchTerm) {
  var searchFor ="fullText contains '" + searchTerm + "'"; 
  var names = [];
  var files = DriveApp.searchFiles(searchFor); 
  while (files.hasNext()) {
    var file = files.next();
    var fileId = file.getId();
    var lm = file.getLastUpdated();
    var OType = file.getOwner().getName();
    var fsize = file.getSize()
    var name = file.getName()+"|~|"+file.getUrl()+"|~|"+lm+"|~|"+OType+"|~|"+fsize; 
    names.push(name); 
    Logger.log(file.getUrl());
  }
  return names; 

function processForm(searchTerm) {
  var resultToReturn;
  Logger.log('processForm was called! ' + searchTerm);
  resultToReturn  = SearchFiles(searchTerm); 
  Logger.log('resultToReturn: ' + resultToReturn);
  return resultToReturn; 
}
}