如何在 index.html 文件中定義變量？ (window.parentPage = true;)

Question

https://stackoverflow.com/a/43635720

在這個答案中，它說要在 index.html 頁面中定義一個變量 (window.parentPage = true;)。 我該怎么做呢？

Answer 1

您需要使用 JavaScript 定義變量。 您可以將一些 JavaScript 嵌入到 HTML 文件中，方法是將其封裝在script標記中，如下所示：

<script type="text/javascript">
    window.parentPage = true;
</script>

Answer 2

首先你需要清楚地意識到你的理由……你想要達到的目標。

在那之后給自己定義：

第一個選項：您可以存儲/保存一些數據，如您添加到標簽內的問題的鏈接所述，如下所示：

<script>
    var myLittleBox = "box content";
</script>

稍后訪問它，例如：

<script>
    myLittleBox = myLittleBox + " extra content";
    console.log(myLittleBox);
    //this will print "box content extra content"
</script>

您需要使用標簽來訪問 javascript 環境。

第二個選項：您可以使用類型為“hidden”的純 HTML 保存/存儲數據，以不將其作為輸入框顯示在屏幕上，並更改其值，如下所示：

<input type="hidden" value="box content">

但是這樣您將無法在沒有 javascript 代碼幫助的情況下直接訪問數據，除非您將此輸入作為 GET 或 POST 發送到某個可到達的地方，並通過相應的 GET 或 POST 恢復它。

Javascript 變量：

https://www.w3schools.com/js/js_variables.asp

例如：https ://www.w3schools.com/js/tryit.asp? filename=tryjs_variables

HTML 輸入：

https://www.w3schools.com/tags/tag_input.asp

HTML 表單處理：

https://www.w3schools.com/php/php_forms.asp

您可能試圖理解第一個選項，但您的問題並沒有說清楚。 總之，好好學習。

Answer 3

無論您做什么，您都必須使用 JavaScript 才能訪問該變量。 一種尚未提及的正統方法是在 html 中使用數據屬性，然后通過 JavaScript 訪問它：

 const attributeName = 'data-parentPage'; const setup = () => { let parentPageBool = document.querySelector(`html[${attributeName}]`).getAttribute(attributeName); console.log(parentPageBool) }; window.addEventListener('load', setup);

 <html data-parentPage="true"> </html>

如何在 index.html 文件中定義變量？ (window.parentPage = true;)

問題描述

3 個解決方案

解決方案1
0 2020-03-14 01:02:04

解決方案2
0 2020-03-14 01:22:57

解決方案3
0 2020-03-14 01:42:55

如何在 index.html 文件中定義變量？ (window.parentPage = true;)

問題描述

3 個解決方案

解決方案1 0 2020-03-14 01:02:04

解決方案2 0 2020-03-14 01:22:57

解決方案3 0 2020-03-14 01:42:55

解決方案1
0 2020-03-14 01:02:04

解決方案2
0 2020-03-14 01:22:57

解決方案3
0 2020-03-14 01:42:55