avaScript 是网景(Netscape)公司开发的一种基于客户端浏览器、面向(基于)对象、事件驱动式的网页脚本语言。JavaScript语言的前身叫作Livescript。
文本编辑器
Web浏览器
解释执行(由上而下)
JavaScript1.0——JavaScript1.4
JavaScript/IE3.0、JavaScript1.2/IE4.0;
微软允许用户自行设置对JavaScript处理模式。
JavaScript与Java的区别体现在:
首先,它们是两个公司开发的不同的两个产品,Java是SUN公司推出的新一代面向对象的程序设计语言,特别适合于Internet应用程序开发;而JavaScript是Netscape公司的产品,其目的是为了扩展Netscape Navigator功能而开发的一种可以嵌入Web页面中的基于对象和事件驱动的解释性语言。
其次,JavaScript是基于对象的,而Java是面向对象的,即Java是一种真正的面向对象的语言,即使是开发简单的程序,必须设计对象。JavaScript是种脚本语言,它可以用来制作与网络无关的,与用户交互作用的复杂软件。它是一种基于对象和事件驱动的编程语言。因而它本身提供了非常丰富的内部对象供设计人员使用。
第三,两种语言在其浏览器中所执行的方式不一样。Java的源代码在传递到客户端执行之前,必须经过编译,因而客户端上必须具有相应平台上的仿真器或解释器,它可以通过编译器或解释器实现独立于某个特定的平台编译代码的束缚。JavaScript是一种解释性编程语言,其源代码在发往客户端执行之前不需经过编译,而是将文本格式的字符代码发送给客户,由浏览器解释执行。
第四,两种语言所采取的变量是不一样的。Java采用强类型变量检查,即所有变量在编译之前必须作声明。JavaScript中变量声明,采用其弱类型。即变量在使用前不需作声明,而是解释器在运行时检查其数据类型。
第五,代码格式不一样。Java是一种与HTML无关的格式,必须通过像HTML中引用外媒体那么进行装载,其代码以字节代码的形式保存在独立的文档中。JavaScript的代码是一种文本字符格式,可以直接嵌入HTML文档中,并且可动态装载。编写HTML文档就像编辑文本文件一样方便。
第六,嵌入方式不一样。在HTML文档中,两种编程语言的标识不同,JavaScript使用<script>...</script>来标识,而Java使用<applet> ... </applet> 来标识。
第七,静态绑定和动态绑定。Java采用静态联编,即Java的对象引用必须在编译时的进行,以使编译器能够实现强类型检查,如不经编译则就无法实现对象引用的检查。JavaScript采用动态联编,即JavaScript的对象引用在运行时进行检查。
如果想要更高效、更系统地学会javascript,最好采用边学边练的学习模式。
今天分享的这套JavaScript学习教程,讲解了前端开发中的核心技术JavaScript,俗称JS
内容涵盖:JavaScript核心语法、JavaScript内置支持类、JavaScript调试、JavaScript DOM编程、JavaScript BOM编程、大量前端小案例、JavaScript事件处理、JavaScript对象、继承、JSON等知识点,该视频可以开启你的WEB前端之路。
1. .JavaScript教程-JavaScript概述
2. .JavaScript教程-HTML嵌入JavaScript代码的第一种方式1
3. .JavaScript教程-HTML嵌入JavaScript代码的第一种方式2
4. .JavaScript教程-HTML嵌入JavaScript代码的第二种方式
5. .JavaScript教程-HTML嵌入JavaScript代码的第三种方式
6. JavaScript教程-JS的标识符
7. .JavaScript教程-JS的变量1
8. .JavaScript教程-JS的变量2
9. JavaScript教程-JS的函数初步1
10. .JavaScript教程-JS的函数初步2
11. .JavaScript教程-全局变量和局部变量
12. .JavaScript教程-JS的数据类型
13. .JavaScript教程-Undefined数据类型
14. .JavaScript教程-Number数据类型
15. .JavaScript教程-Boolean数据类型
16. .JavaScript教程-回顾数据类型
17. .JavaScript教程-String数据类型
18. .JavaScript教程-Object数据类型
19. JavaScript教程-Object数据类型2
20. .JavaScript教程-Object数据类型3
21. .JavaScript教程-null undefined NaN的区别以及等同和全等运算符
22. .JavaScript教程-JS的常用事件
23. .JavaScript教程-回调函数的概念
24. .JavaScript教程-注册事件的两种方式
25. JavaScript教程-JS代码的执行顺序
26. .JavaScript教程-JS代码的执行顺序2
27. JavaScript教程-捕捉回车键
28. .JavaScript教程-捕捉回车键2
29. .JavaScript教程-void运算符
30. .JavaScript教程-JS的控制语句
31. JavaScript教程-设置和获取文本框的value
32. JavaScript教程-innerHTML和innerText属性
33. .JavaScript教程-正则表达式
34. .JavaScript教程-邮箱地址的正则表达式
35. JavaScript教程-扩展字符串的trim函数
36. .JavaScript教程-回顾JS
37. JavaScript教程-表单验证
38. JavaScript教程-表单验证2
39. JavaScript教程-表单验证3
40. .JavaScript教程-表单验证4
41. .JavaScript教程-复选框的全选和取消全选
42. .JavaScript教程-获取下拉列表选中项的value
43. .JavaScript教程-周期函数setInterval
44. .JavaScript教程-内置支持类Array
45. .JavaScript教程-BOM编程window的open和close
46. .JavaScript教程-BOM编程弹出确认框
47. .JavaScript教程-(补录)-将当前窗口设置为顶级窗口
48. .JavaScript教程-BOM编程history和location对象
49. .JavaScript教程-JSON在开发中的使用
50. .JavaScript教程-JSON在开发中的使用2
51. JavaScript教程-JSON在开发中的使用3
52. .JavaScript教程-JSON在开发中的使用4
53. JavaScript教程-JSON在开发中的使用5
HTML作为前端三大基础知识点之一,是每一个前端开发人员都要掌握的部分。今天这篇文章我们来看看一些平时不太会注意,却在面试时可能会问到的题目,来看看你都会吗?
HTML
我们都知道textarea是form表单中一个很常见的元素,用于多行文本输入,可以设置行数和列数。
但是默认的textarea样式在页面上看起来是很丑的,很多页面都是采用div模拟textarea实现。例如QQ空间主页面的发表说说,在你看页面源码后就会发现这个输入框其实是一个div元素,并不是一个textarea元素,现在我们就来看看这是如何实现的吧?
首先来看看实现的效果是什么样的。
实现效果
关键属性:contenteditable
正如这个属性的字面意思,可以理解为可编辑的,如果在页面标签上设置contenteditable=true,该标签就可以进行编辑了。
可以配合user-modify属性,该属性表示的是控制用户能否对页面元素进行编辑,通过设置不同的值可以选择富文本或者纯文本内容,但是由于该属性是非标准属性,很少有人知道。
首先我们来看看页面的HTML部分代码,就是一个很简单的div标签,然后设置contenteditable属性为true。
HTML部分代码
接下来我们就看看整个CSS代码的完整实现吧。
CSS样式
通过min-height和max-height属性可以控制div的高度,在内容超出max-height后会出现滚动条。如果想要固定div的高度,则只需要设置height属性就可以,而不用设置min-height和max-height属性。
src和href从使用上来看都是对外部资源的一种引用,但是在具体理解上是有差异的。
href的值指定的是资源在网络上的位置,定义的是当前页面上的某个元素与需要的资源文件的一个链接。比如下面一个语句。
href引用
当浏览器解析到页面的这条语句时,会知道在这里引用了一个外部样式文件,但并不会阻止页面解析。这与@import有很大不同,因此在引入外部样式时,推荐使用link标签。
src的值表示的是页面上必不可少的内容,需要将指定内容加载到当前页面中。比如下面一个语句。
src引用
当浏览器解析到页面上的这条语句时,浏览器会对这个文件进行解析,编译和执行,从而导致整个页面加载会被暂停,这也是为什么一般会选择将script标签放在body结束标签的前面。
有一种更好的理解方式,href表示的是一个资源的链接;src是对当前元素的替换,内容最终会嵌入到当前页面中。
虽然目前大多数网页都是采用的DIV+CSS布局的方式,但是也有少数的老式Web网页采用的是Table布局,我们可以一起来看看两种布局方式的优劣。
布局对比
div+css布局
div+css的布局方式属于W3C标准,而且由于CSS的存在,HTML部分的代码会显得很纯净,满足行为,样式,结构分离的原则。
页面加载速度更快,这是目前DIV+CSS使用更广泛的一个非常重要的原因。
页面编码量相对于Table布局会少很多。
页面内容更容易维护,由于样式都存在CSS文件中,只需要修改CSS文件即可,对HTML文件不会有影响。
由于DIV+CSS布局更容易进行SEO优化,所以更方便被搜索引擎收录。
Table布局
虽然DIV+CSS有各种各样的优势,但是Table布局也并不是完全无用的。这里也可以列举出几个采用Table布局的优势。
新手学习方便(相信有很多后端RD在进行前端学习时刚开始都是从table布局开始的)。
兼容性更好,由于Table布局是从最古老的浏览器发展而来的,在兼容性上会满足所有浏览器。而CSS3的出现却要考虑浏览器的支持程度,一个样式要考虑加上几个不同浏览器前缀,类似于-webkit,-moz等
今天这篇文章主要讲解了几个关于HTML的知识点,大家都掌握了吗?
TML是制作网页的基础,我们在网站建设中谈论的静态网页就是基于HTML的网页。
早期的网页直接用HTML代码编写,但现在有许多智能网页制作软件(常用的如frontpage,dream weaver等)通常不需要手动编写代码,而是由这些软件自动生成。虽然不需要自己写,但是理解HTML代码仍然是非常重要的。
了解HTML是什么?它是学习网站建设的重要技术基础知识
下面我们自己可以动手创建一个非常简单的网页,首先我们让计算机显示扩展,方法是打开我的电脑,然后现在栏目工具》文件夹选项》查看》高级设置中找到《隐藏已知文件类型的扩展名》将其不勾选,并单击“应用”以确认设置。然后在桌面上创建一个新的TXT文件,将此文件命名为“xxx.html”(扩展名也可以是htm),这样你就可以用浏览器打开它,你就会看到自己制作的最简单的页面。
html是一种超文本标记语言,即html(hypertext markup language),是一种用来描述网络文档的标记语言。在页面的开头和结尾使用<html></html>标签。
总结:
1)HTML是我们常说的静态网页;
2)HTML是以Html或htm为扩展名的文件;
3)HTML某些标签代码规则,让内容在浏览器中呈现出我们所需要的样式;
4)HTML可以使用记事本创建,并以.html或.htm为扩展名保存。
html文件中的代码由具有一定的规则规律标签与内容组成。以指定的HTML结构和内容形成完整的html文件。我们可以直接使用浏览器来打开,查看网页效果。
如果您想在浏览器中显示各式各样的网页,我们就需要html文件(HTML基本结构+内容+标签)和css文件(css样式)来实现我们需要的漂亮网页。
动力节点老杜讲解的html学习教程,非常详细全面,完全适合小白入门
内容:讲解了HTML基础语法、HTML概述、W3C概述、B/S架构系统原理、table、背景色与背景图片、超链接、列表、表单、框架等知识点。
通过html教程的学习之后,不但可以开发基本的网页,还可以看懂别人编写的HTML页面。
HTML完整资料下载:
http://www.bjpowernode.com/?toutiaoweb.chai
1.HTML教程:课程内容概述
2.HTML教程:BS结构介绍
3.HTML教程:软件环境准备
4.HTML教程:HTML概述
5.HTML教程:我的第一个HTML
6.HTML教程:HTML的基本标签
7.HTML教程:HTML的实体符号
8.HTML教程:HTML的表格
9.HTML教程:HTML的单元格合并1
10.HTML教程:HTML的单元格合并2
11.HTML教程:thead tbody tfoot
12.HTML教程:背景色和背景图片
13.HTML教程:HTML图片img标签
14.HTML教程:HTML超链接
15.HTML教程:超链接的作用-request和response的概念
16.HTML教程:HTML列表
17.HTML教程:form表单初步
18.HTML教程:用户注册表单的实现
19.HTML教程:下拉列表支持多选
20.HTML教程:form的file控件
21.HTML教程:隐藏域hidden控件
22.HTML教程:隐藏域hidden控件2
23.HTML教程:readonly和disabled
24.HTML教程:控件的maxlength属性
25.HTML教程:HTML文档中节点的id属性
26.HTML教程:div和span在网页中的应用
*请认真填写需求信息,我们会在24小时内与您取得联系。