前端学习:HTML JavaScript

目录

一、JavaScript 使HTML页面更具有动态性和交互性

浏览器中的 JavaScript 能做什么?

二、 HTML

 三、HTML标签

​编辑

 四、JavaScript 的功能示例

1. JavaScript 能够更改内容:

2. JavaScript能够更改样式:

 3.JavaScript能够更改属性

五、HTML Script标签


一、JavaScript 使HTML页面更具有动态性和交互性

JavaScript 的常见用途是图像处理、表单验证和内容的动态更改。

浏览器中的 JavaScript 能做什么?

  • 在网页中插入新的 HTML,修改现有的网页内容和网页的样式。

  • 响应用户的行为,响应鼠标的点击或移动、键盘的敲击。

  • 向远程服务器发送网络请求,下载或上传文件(所谓 AJAX 和 COMET 技术)。

  • 获取或修改 cookie,向访问者提出问题、发送消息。

  • 记住客户端的数据(本地存储)。

下面我们用一个实例来演示一下HTML的JavaScript:

前端学习:HTML JavaScript_第1张图片

 

二、 HTML

   

   

前端学习:HTML JavaScript_第3张图片

 

 四、JavaScript 的功能示例

 

1. JavaScript 能够更改内容:



  

JavaScript 可以更改 HTML 元素的内容:

原先文本。

 前端学习:HTML JavaScript_第4张图片

 

2. JavaScript能够更改样式:



  

JavaScript 可以更改 HTML 元素的样式。

前端学习:HTML JavaScript_第5张图片

 

 3.JavaScript能够更改属性

在需要时,JavaScript 可以更改“src” 的属性,从而实现改变内容(图片)效果。

 

五、HTML Script标签

标签 描述

你可能感兴趣的:(HTML,javascript,前端,html)