在html doc中调用javascript中的变量

时间:2017-09-25 13:27:31

标签: javascript html

我在学校工作并使用谷歌表格来跟踪一些事情。 其中一个表单通过电子邮件向人们发送输入表单中的信息。 我已经设法凑齐了一个提供这项服务的好脚本,但是,我希望它看起来不错。

我的问题很简单(或者我认为是这样): 当我为电子邮件正文添加HTML时,如何调用我之前在脚本中定义的变量?

我是否需要在HTML中定义它们,还是可以从JavaScript中调用它们?

我无论如何都不是一个严肃的程序员,但这个似乎已经超出了我谷歌的能力。

任何帮助都将不胜感激。

2 个答案:

答案 0 :(得分:1)

调用在脚本之外的javascript中创建的变量的值。

{{1}}

答案 1 :(得分:0)

我不太确定您的代码是什么样的,所以这只是为了回答我到目前为止所理解的内容。

在HTML文档中,您不调用变量,而是调用函数。例如,当您单击按钮时,通过调用按钮内的onclick事件,文本将更改为您的变量,ChangeText()将是第一个示例的函数:

<!DOCTYPE html>
<html>
    <body>
        <p id="p1">Hello</p> <br />
        <button onclick="ChangeText()">Button</button> <!-- onclick event -->

        <script>
            var p1 = document.getElementById("p1"); //variable created

            function ChangeText () {
                //when you click the button this function will be called
                p1.innerHTML = "Changed text on button click!";
            }
         </script>
    </body>
</html>

你也可以调用文档的负载(但这意味着你不会看到它之前的内容):

<!DOCTYPE html>
<html>
    <body>
        <p id="p1">Hello</p> <br />

        <script>
            var p1 = document.getElementById("p1"); //variable created
            p1.innerHTML = "Changed text on page load!"; //change text on load
         </script>
    </body>
</html>

希望这会有所帮助。