📌  相关文章
📜  HTML JavaScript

📅  最后修改于: 2020-11-02 03:10:01             🧑  作者: Mango

HTML JavaScript

脚本是一个小型程序，可与HTML结合使用，以使网页更具吸引力，动态和交互性，例如单击鼠标时弹出警报窗口。当前，最流行的脚本语言是用于网站的JavaScript。

例：





JavaScript Date and Time example

HTML

使用JavaScript的HTML事件

事件是用户执行的事情，或者浏览器的操作(例如单击鼠标或加载页面)是事件的示例，如果我们希望在这些事件上发生事件，则JavaScript会扮演角色。

HTML提供了可与JavaScript代码一起使用的事件处理程序属性，并且可以对事件执行某些操作。

句法：

例：

输出：

Click Event Example

Click on the button and you csn see a pop-up window with a message

HTML可以具有以下事件，例如：

  • 表单事件：重置，提交等
  • 选择事件：文本字段，文本区域等。
  • 焦点事件：焦点，模糊等。
  • 鼠标事件：选择，mouseup，mousemove，mousedown，click，dblclick等。

以下是Window事件属性的列表：

Event Event Name Handler Name Occurs when
onBlur blur When form input loses focus
onClick click When the user clicks on a form element or a link
onSubmit submit When user submits a form to the server.
onLoad load When page loads in a browser.
onFocus focus When user focuses on an input field.
onSelect select When user selects the form input filed.

注意：您将在我们的JavaScript教程中了解有关JavaScript事件的更多信息。

让我们看看JavaScript可以做什么：

1)JavaScript可以更改HTML内容。

例：





JavaScript can change the content of an HTML element:

2)JavaScript可以更改HTML样式

例：





JavaScript can change the style of an HTML element.

3)JavaScript可以更改HTML属性。

例：

使用外部脚本

假设您有多个具有相同脚本的HTML文件，那么我们可以将JavaScript代码放在单独的文件中并可以在HTML文件中调用。使用.js扩展名保存JavaScript外部文件。

注意：请勿添加

例：



   
    
    
     
      
External JavaScript Example

JavaScript代码：

function fun() {
       var x = document.getElementById("frm1").value;
        alert("Hi"+" "+x+ "you have successfully submitted the details");
    }

输出：

的HTML

的HTML

例：