質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
87.20%
Google Apps Script

Google Apps ScriptはGoogleの製品と第三者のサービスでタスクを自動化するためのJavaScriptのクラウドのスクリプト言語です。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

解決済

GASで作成したwebページ(HTML+javascript )で、ページのオープン時に別ページへ遷移することができない

takku001001
takku001001

総合スコア1

Google Apps Script

Google Apps ScriptはGoogleの製品と第三者のサービスでタスクを自動化するためのJavaScriptのクラウドのスクリプト言語です。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

1回答

0リアクション

1クリップ

306閲覧

投稿2022/08/08 01:20

編集2022/08/08 08:06

前提

GAS(Google Apps Script) で、webページを開発しています。
HTML+javascriptにて開発中です。
また、Googleの個人アカウントにて作成しています。
HTMLを表示するブラウザはPC・スマホにてGoogleCromeを使用しています

実現したいこと

GASにて作成したHTMLをスマホのブラウザでオープンし
すべての要素を読み込んだ後自動的に別ページへ遷移(転送)させたいです。
目的としては、

1ページ目で、google.script.runにて内部のスクリプトを自動実行
→その結果によって自動的に別ページへ遷移

のようなことをしたいと思っていたのですが
どうしても別ページへ遷移できません。

ボタンを押したとき、別ページへ遷移する事はできるのですが
そのメソッドをオープン時に実行しても遷移できませんでした。

もしわかる方がいらっしゃいましたら、ご助言お願いいたします。

GASのソースコード

GAS

function doGet(e) { var html = HtmlService.createTemplateFromFile('testupdate') var template = html.evaluate() return template; } //URLを渡すメソッド function getScriptUrl() { // var url = ScriptApp.getService().getUrl(); var url = "https://www.google.com/"; return url; } function dSave(v){ console.log(v); return true; }

HTMLのソースコード

HTML

<!DOCTYPE html> <html> <head> <base target="_top"> <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> <link href="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css" rel="stylesheet" /> <script src="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js"></script> <script language="javascript" type="text/javascript"> window.addEventListener('load', load); // 読込 function load() { var mydata = "test"; google.script.run.withSuccessHandler(onSuccess).dSave(mydata); update(); } function sleep(waitSec, callbackFunc) { var spanedSec = 0; var waitFunc = function () { spanedSec++; if (spanedSec >= waitSec) { if (callbackFunc) callbackFunc(); return; } clearTimeout(id); id = setTimeout(waitFunc, 1000); }; var id = setTimeout(waitFunc, 1000); } function onSuccess(){ alert("成功") sleep(10, function() { update(); document.getElementById("butos").click() }); } function tes(){ location.href = 'https://www.google.com/' } function update() { google.script.run .withSuccessHandler(result).getScriptUrl(); function result(url){ window.open(url, '_top') alert("テスト"); } } </script> </head> <style> label{ font-size : 100px; } </style> <body> <script> window.onload = load </script> <div class="form-wrapper"> <h1>テスト</h1> <input id="button1" class="button" type="button" value="TES" onclick="tes()"></input> <input type="button" id = "butos" value="ブラウザ更新" onclick="update()"> <div class="form-footer"> </div> </div> </body> </html>

試したこと

onload, window.addEventListener('load', load);などいろいろ試しましたが実行できませんでした。
現状ではupdateというメソッドで遷移を実行しており
様々なタイミングで実行しているのですがどうやっても遷移しません。
updateの中のalertは実行されるのですが、遷移できません。
ブラウザ更新ボタンを押したときには問題なく遷移します。

また、遷移自体もいろいろ試したのですが、window.open(url, '_top')
しかできませんでした。

補足情報(FW/ツールのバージョンなど)

ここにより詳細な情報を記載してください。

以下のような質問にはリアクションをつけましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

リアクションが多い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

下記のような質問は推奨されていません。

  • 間違っている
  • 質問になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

適切な質問に修正を依頼しましょう。

まだ回答がついていません

会員登録して回答してみよう

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
87.20%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

Google Apps Script

Google Apps ScriptはGoogleの製品と第三者のサービスでタスクを自動化するためのJavaScriptのクラウドのスクリプト言語です。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。