内联 JavaScript 如何与 HTML 一起工作？

内联 JavaScript 可以通过在 HTML 正文中使用Script 标签来实现，而不是在 Script 标签中指定 JavaScript 文件的源（src=”…”），我们必须在 Script 标签中编写所有 JavaScript 代码.

句法：

    // JavaScript Code

例子：

 
 
    
 
    Inline JavaScript 
     
     
    
 
    
 
     
         
          GeeksforGeeks 
       
         
             
                Enter Your Name: 
                 
             
             
                 
                     Submit  
                 
             
         
     
    
        var user_name = document.getElementById("name");
        document.getElementById("btn-alert").addEventListener("click", function(){
            var value=user_name.value.trim();
            if(!value)
                alert("Name Cannot be empty!");
            else
                alert("Hello, " + value + "!\nGreetings From GeeksforGeeks.");
        });
    
 
   
 

输出：

只要我们输入一个名字并按下提交按钮，脚本标签内的 JavaScript 代码就会被触发，我们会得到一个带有我们的名字和问候文本的弹出消息。

更深入的了解，可以访问什么是 JavaScript 中的内联函数？

注意：使用内联 JavaScript 是一种不好的做法，不建议这样做。它可以用于演示目的，这样演示者就不必一次处理 2 个单独的文件。建议在单独的 .js 文件中编写 JavaScript 代码，然后在 script 标签中使用 src 属性链接相同的代码。