HTML入门(三)DOM 和 JavaScript
2018-01-29 11:05
477 查看
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
</head>
<h4>JavaScrip HTML5 CSS3</h4>
三者都为丰富一个网络页面服务,但各有分工。HTML是页面骨架,CSS添加美感,JavaScrip让页面活了起来<br/>
<h4>当浏览器向服务器请求网页时</h4>
<li>
<ol>服务器发送相关HTML、CSS和JavaScript文件给浏览器(也可能是其他文件,或者HTML5允许将CSS样式和Script直接放在标记文档中)</ol>
<ol>浏览器解析文件内容,遇到JavaScript会解析代码,建立html页面的DOM</ol>
<ol>执行JavaScript,使用DOM检查、修改页面、接收事件、获取数据等等</ol>
</li>
<h4>JavaScript语言</h4>
<li>
<ul>动态语言,弱类型,大小写敏感</ul>
<ul>通过DOM模型与对html进行操作,将html中的元素视为对象。更改后,页面和DOM会更新</ul>
<ul>注意,浏览器遇到script就会解析脚本,页面还没加载完,会导致问题,</ul>
<ul>未赋值变量值为undefined,null表示变量的值为空值</ul>
<ul>基于对象</ul>
</li>
<h4>DOM(文档对象模型)</h4>
以树状结构表示html文件所有元素的嵌套关系
</html>
<html>
<head>
<meta charset="utf-8"/>
</head>
<h4>JavaScrip HTML5 CSS3</h4>
三者都为丰富一个网络页面服务,但各有分工。HTML是页面骨架,CSS添加美感,JavaScrip让页面活了起来<br/>
<h4>当浏览器向服务器请求网页时</h4>
<li>
<ol>服务器发送相关HTML、CSS和JavaScript文件给浏览器(也可能是其他文件,或者HTML5允许将CSS样式和Script直接放在标记文档中)</ol>
<ol>浏览器解析文件内容,遇到JavaScript会解析代码,建立html页面的DOM</ol>
<ol>执行JavaScript,使用DOM检查、修改页面、接收事件、获取数据等等</ol>
</li>
<h4>JavaScript语言</h4>
<li>
<ul>动态语言,弱类型,大小写敏感</ul>
<ul>通过DOM模型与对html进行操作,将html中的元素视为对象。更改后,页面和DOM会更新</ul>
<ul>注意,浏览器遇到script就会解析脚本,页面还没加载完,会导致问题,</ul>
<ul>未赋值变量值为undefined,null表示变量的值为空值</ul>
<ul>基于对象</ul>
</li>
<h4>DOM(文档对象模型)</h4>
以树状结构表示html文件所有元素的嵌套关系
</html>
相关文章推荐
- JavaScript入门<3>JS外置对象:HTML DOM与Window子对象实例详解
- javascript DOM innerHTML createElement createTextNode
- Dom元素基本操作方法API,先记录下,方便以后使用。 W3C DOM和JavaScript很容易混淆不清。DOM是面向HTML和XML文档的API,为文档提供了结构化表示,并定义了如何通过脚本
- JavaScript入门之改变HTML内容 innerHTML
- JavaScript HTML DOM
- JavaScript高级程序设计之DOM 扩展之HTML5之HTMLDocument的变化第11.3.3讲
- JavaScript HTML DOM - 改变CSS
- 网页设计语言 HTML,XHTML,CSS,JavaScript 入门简介
- HTML,DOM和javascript的关系
- AJAX入门---DOM操作HTML
- JavaScript DOM杂知识(value/innerHTML/innerText/textContent对比、nodeType/nodeName/nodeValue区别、获取任意类型的属性)
- HTML,javascript,image等加载,DOM解析,js执行生命周期
- JavaScript-DOM操作HTML、CSS
- JavaScript基础入门 封装DOM 连缀
- javaScript 要点(十五)HTML DOM 导航
- javascript DOM innerHTML createElement createTextNode
- JavaScript HTML DOM
- HTML,CSS和JAVASCRIPT入门经典 笔记(四)
- 如何让动态创建的页面元素响应用户事件 (HTML/javascript/jQuery/Ajax/DOM)
- DOM,浏览器,javascript,html之间的关系