html JavaScript 和css之间的关系总结

r囧r小猫 2022-06-15 10:42 265阅读 0赞

**<一>html（Hyper Text Markup Language）与css（Cascading Style Sheets）还有Js（Javascript）的关系：**  
  
  
如果说html（Hyper Text Markup Language）是人肢体骨架，  
css（Cascading Style Sheets）则是骨架样貌的拼接者，  
Js（Javascript）则是控制肢体骨架运动的大脑。-------------------------- ***灵魂*  
  
  
*壹：***html是网页的结构，CSS是网页的样式，javascript是网页的行为。html就是网页的框架，  
如网页要分成几块就是用html代码实现的；css是用来美化网页框架的，如网页中的导航就是用css控制的；  
js是使网页框架具有动态效果的，如网页中的幻灯片效果就是用js来实现的。  
在网页中html js cs三者无处不在，也可以说在网页中html js cs三者缺一不可。  
  
  
***贰：***CSS是通过对页面结构的风格控制的思想，控制整个页面的风格的。  
式样单放在页面中，通过浏览器的解释执行，是完全的文本，任何懂得HTML的人都可以掌握，非常的容易。  
生殖对一些非常老的浏览器，页不会产生页面混乱的现象。  
  
  
***叁：***JavaScript 是一种“脚本”（“Script”），它直接把代码写到 HTML 文档中，  
浏览器读取它们的时候才进行编译、执行，所以能查看 HTML 源文件就能查看JavaScript 源代码。  
JavaScript 没有独立的运行窗口，浏览器当前窗口就是它的运行窗口。  
它们的相同点，我想只有同是以 Java 作编程语言一点了。  
  
  
***肆：***学习web前端开发基础技术需要掌握：HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的：  
1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。  
2. CSS样式是表现(外观控制)。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。  
所有这些用来改变内容外观的东西称之为表现。  
3. JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。  
还有焦点新闻（新闻图片）的轮换。可以这么理解，有动画的，有交互的一般都是用JavaScript来实现的。  
  
  
**<二>java与javascript（一种脚本语言）之间的关系：**  
Java与JavaScript是目前比较流行的两种语言，单从表面上看，两者名称很相似，  
于是许多初学者容易将二者混淆，或者直接归为一类，其实不然，虽然两者有着紧密的联系，但确是两个完全不同的语言。  
接下来，笔者仅就她们的几个主要差别归纳起来。  
一．开发厂商  
众所周知，Java是SUN公司推出的程序设计语言，特别适合于Internet应用程序开发，其前身是Oak语言，  
而JavaScript则是NetScape公司的产品，是为了扩展NetScape Navigator功能而开发的一种可嵌入Web页面中的解释性语言，  
其前身是Live Script。由于Java的普及，NetScape和SUN两家公司签订合同后才将其命名为JavaScript。  
二．面向对象与基于对象  
Java是一种真正的纯面向对象编程语言，在Java中，一切都是对象；JavaScripr是一种脚本语言，  
由于她本身提供了非常丰富的内部对象供程序员使用，因而她是基于对象的语言。  
三．开发和运行环境的不同  
若希望利用Java编写程序并使之运行，必须事先在系统内安装相应版本的JDK和JVM，保证代码能够得到编译和运行的环境；  
而编写JavaScript则相对简单，只需使用某种HTML文档编辑器甚至某种字符编辑器（如Notepad）即可，然后打开浏览器即可运行。  
四．变量的区别  
Java中使用变量在编译之前必须声明其数据类型，因而她采用的是强类型变量；  
JavaScript则不用在变量前声明类型，而是由解释器在运行时自动检查，所以她是弱类型变量。  
五．标签的不同  
利用Java写出的Applet小程序，在HTML中用<applet>……</applet>来标识；JavaScript程序在HTML中运行，  
其代码在<Script>……</Script>标签内。  
六．解释与编译  
Java源代码在执行前被编译，因而在网络应用中，必须要求客户端安装有解释平台，  
也就意味着Java应用不与HTML文档集成（Applet小程序例外）；JavaScript是一种解释性语言，  
其代码在发往客户端之前不需编译，而是将其嵌入到HTML文档中，一起发送给客户端，由浏览器解释执行。  
另外，JavaScript仅是一种解释性语言，并没有复杂的语法和规则，更不支持如Java里的继承这样的性质，  
因此也比Java更加容易学习。

### ***（关键关键）：*** ###

实例：：  
<!DOCTYPE html PUBLIC "-// **W3C//DTD XHTML 1.0** Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset= **utf-8**" />  
<title>网页标题</title>  
<link rel="stylesheet" type="text/css" href=" **mycss.css**" />  
<script type="text/javascript" src=" **myjs.js**"></script>  
</head>  
<body>  
<p>这是一个段落</p>  
</body>  
</html>  
  
  
解释：：  
这是一个最简单的HTML文档，文档说的是，浏览器啊，我是遵循W3C标准XHTML1.0过渡版本规范（文件类型声明），  
我采用的编码是utf-8,我的标题是“网页标题”，描述我的模样的样式表是我同目录的mycss.css文件，

与我有关的javascript代码在我同级的myks.js文件中，我的内容有一个段落，段落的内容是“这是一个段落”。