在我的谷歌表中，我在 B1 和 B2 中輸入了以下公式
B1 = "name = " & "'" & A1 & "' ;"
B2 = "city = " & "'" & A2 & "' ;"
然后這些單元格成為有效的 JS 陳述句
name = 'Prabhu Paul' ;和city = 'India' ;
然后我以.csv格式發布了作業表，下面是 URL。
https://docs.google.com/spreadsheets/d/e/2PACX-1vSQIORejF59NZEyEigMfHFpNcs-XCjKyUbTSrcWJcR0Mn3DO6oSHWeGfm3XvnqQBj1ipMI00I-r5qH7/pub?gid=0&single=true&range=b1:b2&output=csv
現在我使用這個 URL 作為我的腳本的源檔案。
通過將以下代碼放入我的wordpress functions.php 檔案中，將腳本添加到站點標題
function ti_custom_javascript() {
?>
<script type="text/javascript" src="https://docs.google.com/spreadsheets/d/e/2PACX-1vSQIORejF59NZEyEigMfHFpNcs-XCjKyUbTSrcWJcR0Mn3DO6oSHWeGfm3XvnqQBj1ipMI00I-r5qH7/pub?gid=0&single=true&range=b1:b2&output=csv"></script>
<?php
}
add_action('wp_head', 'ti_custom_javascript');
然后我嘗試通過Sheets在我的網頁JS中通過以下方式檢索這些變數
以下是我頁面中的自定義 HTML 塊代碼
<p>Hi, This is <span id="name"></span>, and I'm from <span id="city"></span> </p>
<script>
document.getElementById("name").innerHTML = name ;
document.getElementById("city").innerHTML = city ;
</script>
在代碼中，我嘗試獲取名為name和city 的變數name變數的值是Prabhu Paul city變數 的值是India
實際上我的 Paragraph 元素的 innerHTML 應該如下所示
嗨，我是 Prabhu Paul，我來自印度
但它沒有回傳值，如何解決這個問題..？
uj5u.com熱心網友回復：
在這種情況下，作為一種解決方法，使用 Web Apps 作為包裝器怎么樣？示例腳本如下。
用法：
1. 創建 Google Apps 腳本專案。
請創建一個 Google Apps 腳本專案。當您訪問https://script.google.com/并創建一個新專案時，您可以創建一個獨立型別的 Google Apps 腳本專案。請設定 Google Apps 腳本專案的標題。
2. 示例腳本。
請將以下腳本復制并粘貼到創建的 Google Apps 腳本專案的腳本編輯器中。
const doGet = _ => ContentService.createTextOutput(UrlFetchApp.fetch("https://docs.google.com/spreadsheets/d/e/2PACX-1vSQIORejF59NZEyEigMfHFpNcs-XCjKyUbTSrcWJcR0Mn3DO6oSHWeGfm3XvnqQBj1ipMI00I-r5qH7/pub?gid=0&single=true&range=b1:b2&output=csv").getContentText()).setMimeType(ContentService.MimeType.JAVASCRIPT);
在這種情況下，將使用您的 URL。
3. 部署 Web 應用程式。
詳細資訊可以看官方檔案。
請使用腳本編輯器的新 IDE 進行設定。
- 在腳本編輯器上，在腳本編輯器的右上角，請點擊“點擊部署”->“新建部署”。
- 請點擊“選擇型別”->“Web App”。
- 請在“部署配置”下的欄位中輸入有關 Web App 的資訊。
- 請為“執行為”選擇“我” 。
- 請為“誰有權訪問”選擇“任何人” 。
- 請點擊“部署”按鈕。
- 復制 Web 應用的 URL。就像
https://script.google.com/macros/s/###/exec。此 URL 用于您的 HTML。
4. 測驗。
在這里，您在 functions.php 檔案中的自定義 Javascript 函式已被修改。請如下設定您的 Web Apps URL。
function ti_custom_javascript() {
?>
<script type="text/javascript" src="https://script.google.com/macros/s/###/exec"></script>
<?php
}
add_action('wp_head', 'ti_custom_javascript');
在這里，您的 HTML 示例（未修改）。
<p>Hi, This is <span id="name"></span>, and I'm from <span id="city"></span> </p>
<script>
document.getElementById("name").innerHTML = name ;
document.getElementById("city").innerHTML = city ;
</script>
筆記：
當您修改 Web Apps 的 Google Apps Script 時，請將部署修改為新版本。這樣，修改后的腳本就會反映在 Web Apps 中。請注意這一點。
您可以在我的報告“重新部署 Web 應用程式而不更改新 IDE 的 Web 應用程式的 URL（作者：我） ”中查看詳細資訊。
在這個答案中，使用了您的電子表格。當然，您可以直接在 Web Apps 中設定腳本。
參考：
- 網路應用
- 使用 Google Apps 腳本利用 Web Apps（作者：我）
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/527211.html