在我的谷歌表中，我通過以下公式使單元格 B1成為有效的 JS 狀態。
="name =" & " '"& A1 & "' ;"
然后單元格 B1 變為有效陳述句name = 'Raj Paul' ;
通過發布作業表，我嘗試將其作為我的網站的腳本檔案，如下所示
https://docs.google.com/spreadsheets/d/e/2PACX-1vSQIORejF59NZEyEigMfHFpNcs-XCjKyUbTSrcWJcR0Mn3DO6oSHWeGfm3XvnqQBj1ipMI00I-r5qH7/pub?gid=0&single=true&range=b1&output=csv
現在我將其用作腳本源檔案并通過以下方式添加到我的wp 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&output=csv"></script>
<?php
}
add_action('wp_head', 'ti_custom_javascript');
然后我嘗試通過Sheets在我的網頁JS中通過以下方式檢索該變數
以下是我頁面中的自定義 HTML 塊代碼
<p>Hi, This is <span id="shvar"></span> </p>
<script>
function shvar () {
document.getElementById("shvar").innerHTML = name ; //or globalThis.name
}
shvar(); //calling function
</script>
在代碼中，我試圖獲取一個名為name 的變數該變數的值是Raj Paul
實際上，我的段落元素應該如下所示 Hi, This is Raj 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&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. 測驗。
在這里，您的 HTML 示例已被修改。請如下設定您的 Web Apps URL。
<p>Hi, This is <span id="shvar"></span> </p>
<script type="text/javascript" src="https://script.google.com/macros/s/###/exec"></script>
<script>
console.log(name); // You can see the value of a variable in Javascript provided from Web Apps at the console.
document.getElementById("shvar").innerHTML = name;
</script>
筆記：
當您修改 Web Apps 的 Google Apps Script 時，請將部署修改為新版本。這樣，修改后的腳本就會反映在 Web Apps 中。請注意這一點。
您可以在我的報告“重新部署 Web 應用程式而不更改新 IDE 的 Web 應用程式的 URL（作者：我） ”中查看詳細資訊。
在這個答案中，使用了您的電子表格。當然，您可以直接在 Web Apps 中設定腳本。
參考：
- 網路應用
- 使用 Google Apps 腳本利用 Web Apps（作者：我）
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/525094.html
標籤：javascripthtmlWordPress变量谷歌表格
上一篇：wp更新帖子不更新