Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/454.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何从HTML文件调用Javascript函数_Javascript_Html_Css - Fatal编程技术网

如何从HTML文件调用Javascript函数

如何从HTML文件调用Javascript函数,javascript,html,css,Javascript,Html,Css,我可以尝试获取Javascript输出。若我只能写一个函数,但若我要写两个或更多的函数,我怎么才能得到我想要的函数的输出呢 JS文件: var time = new Date(); var currenthour = time.getHours(); var welcome; if(currenthour<=12) welcome = 'Good Morning'; else if(currenthour >=12 && currenthour <= 17)

我可以尝试获取Javascript输出。若我只能写一个函数,但若我要写两个或更多的函数,我怎么才能得到我想要的函数的输出呢

JS文件:

var time = new Date();
var currenthour = time.getHours();
var welcome;

if(currenthour<=12)
welcome = 'Good Morning';
else if(currenthour >=12 && currenthour <= 17)
welcome = 'Good Afternoon';
else if(currenthour >= 17 && currenthour <= 24)
welcome = 'Good Evening';
document.write(welcome);
var time=新日期();
var currenthour=time.getHours();
欢迎你;

如果(currenthour=12&¤thour=17&¤thour如果您的JS文件中有多个函数,并且您想要调用一个特定的函数,那么您应该能够通过在另一组
标记中调用该函数来实现:

<script src="js/main.js" type="text/javascript"></script>
<script>
    function_1();
</script>
<script>
    function_2();
</script>

函数_1();
函数_2();

等等。我以前做过,它对我很有用。

不要使用
文档。编写
来修改现有元素。而是使用DOM元素选择器方法,如
document.getElementById
(如果元素具有唯一的
id
),或者更现代的
文档.querySelector(csselectorstring)
将返回
文档中的第一个匹配项

const time=新日期();
const currenthour=time.getHours();
让我们欢迎;

如果(currenthour=12&¤thour=17&¤thour(也就是说,如果您只想查看输出,那么只需
console.log
is t.或使用Node.js.)@user202729 at html文件?)我想在html文件中获取outpur,并且我已经在js文件中编写了一个或多个函数。我如何选择我想要的输出?您不在“at html文件”中获取输出。您想要在文档上输出。请阅读该链接。
文档。此处很可能存在问题。我想在HTML文件上查看输出,但我不知道如何在HTML文件上写入此内容。是的?是的,您可以在HTML文件中添加标记。
<script src="js/main.js" type="text/javascript"></script>
<script>
    function_1();
</script>
<script>
    function_2();
</script>