如何在HTML中调用外部JavaScript函数（html调用外部js文件函数）

25-03-02 10

在本文中，我们将详细介绍如何在HTML中调用外部JavaScript函数的各个方面，并为您提供关于html调用外部js文件函数的相关解答，同时，我们也将为您带来关于Golanghtml模板无法在htm

在本文中，我们将详细介绍如何在HTML中调用外部JavaScript函数的各个方面，并为您提供关于html调用外部js文件函数的相关解答，同时，我们也将为您带来关于Golang html模板无法在html文件中调用javascript文件、html – 如何在select标签的变换上调用JavaScript函数？、html中调用javascript中定义的变量、HTML表单调用javascript函数的有用知识。

本文目录一览：

如何在HTML中调用外部JavaScript函数（html调用外部js文件函数）
Golang html模板无法在html文件中调用javascript文件
html – 如何在select标签的变换上调用JavaScript函数？
html中调用javascript中定义的变量
HTML表单调用javascript函数

如何在HTML中调用外部JavaScript函数（html调用外部js文件函数）

我有一小部分代码似乎无法正常工作。我正在建立一个网站并首次使用JavaScript。我在外部文件’Marq_Msg.js’中有我的JavaScript代码，如下所示：

var Messages = new Array();
Messages[0] = "This is message 1";
Messages[1] = "This is message 2";
Messages[2] = "This is message 3";
Messages[3] = "This is message 4";  

function scroll_messages()
{
  for (var i = 0; i < Messages.length; i++)
        document.write(Message[i]); 
}

在我的HTML文件’Index.html’中我试图这样称呼它：

<div id="logo">
        <marquee scrollamount="5" direction="left" loop="true" height="100%" width="100%">
        <strong><font color="white"><script src="Marq_Msg.js">scroll_messages()</script></font></strong>
        </marquee>
    </div>

‘logo’div是一个CSS作品，我正试图在其中进行选取。如果我把代码嵌入’head’标签内并调用它，它就能完美运行！还有一些与此代码有关的其他事情(比如将消息空间分开一点)但我无法让代码首先工作。我也尝试过添加：

<script src="Marq_Msg.js"></script>

在’head’标签中单独调用，这是不行的。我也尝试使用：

<script type="text/javascript" src="Marq_Msg.js">scroll_messages()</script>

地狱，我甚至有函数尝试返回一个字符串(甚至硬编码一个简单的“你好”要返回)但是，无论有没有’类型’：

//Marq_Msg.js
function scroll_messages()
{
   return "hello";
}

//index.html
<script type="text/javascript" src="Marq_Msg.js">document.write(scroll_messages())</script>

我错过了什么？任何帮助将不胜感激！！我看过谷歌，我找到的每个网站都想用一些“形式”来做。我只是想要显示消息，没有附加表单。

解决方法

如果< script>有一个src然后元素的文本内容将不会作为JS执行(虽然它将出现在DOM中)。

您需要使用多个脚本元素。

> a< script>加载外部脚本
> a< script>保存内联代码(在外部脚本中调用该函数)

scroll_messages();

Golang html模板无法在html文件中调用javascript文件

在 HTML文件中调用它后,我将React应用程序与Webpack捆绑在一起.但是,当我使用Golang和html / template查看HTML文件时,它会出错.
我的HTML文件：index.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <Meta charset="UTF-8">
        <title>Note App</title>
    </head>
    <body>
        <div id="root"></div>
        <script src="public/bundle.js"></script>
    </body>
</html>

我的Golang文件：index.go

package main

import (
    "net/http"
    "html/template"
    "path/filepath"
)

func handle(w http.ResponseWriter,r *http.Request) {
    fp := filepath.Join("views","index.html")
    t := template.Must(template.ParseFiles(fp))
    t.Execute(w,nil)
}

func main() {
    http.HandleFunc("/",handle)
    http.ListenAndServe(":8080",nil)
}

解决方法

问题似乎是你正在启动一个只提供HTML模板的服务器 – 而不是脚本.当浏览器尝试加载脚本时,服务器将返回索引页.

看看https://www.alexedwards.net/blog/serving-static-sites-with-go;这篇文章讨论了如何提供静态文件.

为了您的目的,您可以通过将以下行添加到main方法的开头来获得：

fs := http.FileServer(http.Dir("public"))
http.Handle("/public/",http.StripPrefix("/static/",fs))

这将加载目录中的任何文件,“public”(相对于已编译的可执行文件),并在url / public / path / to / file中提供它们

请注意：默认情况下,这将启用公共目录的目录列表(用户将能够看到该目录和所有子目录中的文件列表).有关如何禁用目录列表的信息,请查看此问题的答案：https://stackoverflow.com/a/40718195/6346483

html – 如何在select标签的变换上调用JavaScript函数？

@H_301_4@ 以下是我的 JavaScript：

<script language="JavaScript">
function checkit()
{  
var state=document.frm.getElementById(stateS)
if (state="Please select a state")
    {
    document.frm.Month.disable = true;
    }
else
    {
    document.frm.Month.enable = true;
    }   
}</script>

我从下面调用checkit()函数< select>标签：

<td align="left"><g:select name="Month" from="${month.values()}" optionValue="${Month}" onChange=checkit()/></td>
 </tr>

我有一个州的选择标签,直到我选择任何状态,应该禁用月份选择框.谁能告诉我哪里出错了？

解决方法

实际上有一个“失踪,它应该是

onChange="checkit();"

html中调用javascript中定义的变量

<html>
<head>
    <script type="text/javascript">
    var element="自己定义的变量";
    </script>
</head>
    <body>
        <input type="text" id="text1" value="在这里引用自己定义的变量，实现动态的输入"></input>
    </body>
</html>
就是我在javascript中定义了变量，想在html中引用他，该怎么引用。javascript放的位置有影响吗？（就是放在head跟body中的区别，以及<input></input>前面跟后面的区别），希望大神能帮忙解答下。

HTML表单调用javascript函数

这将是一个愚蠢的问题,只是试图解决与 HTML表单交互的 Javascript函数,并且无法使其工作.

非常简单,把它放在fiddle

$('#test').submit(function(){
    var battery = $('#battery').value();
    $('#output').text(battery);
});

<form id="test" action="">
    <fieldset>
        <label for="battery">Cell Count</label><br />
        <input type="number" size="3" name="battery" id="battery" /><br />
        <input type="submit" name="submit" id="submit" onclick="submit()" />
    </fieldset>
</form>

<div id="output">

</div>

总是返回错误,我无法弄清楚原因.玩过和其他东西一起玩,总是不能让它上班错误.

解决方法

错误可能是.value()不是函数.你想要.val().

关于如何在HTML中调用外部JavaScript函数和html调用外部js文件函数的问题就给大家分享到这里，感谢你花时间阅读本站内容，更多关于Golang html模板无法在html文件中调用javascript文件、html – 如何在select标签的变换上调用JavaScript函数？、html中调用javascript中定义的变量、HTML表单调用javascript函数等相关知识的信息别忘了在本站进行查找喔。

本文标签：