HTML学习心得

  • 时间:2018-06-17 21:02 作者:Java杂谈 来源:Java杂谈 阅读:563
  • 扫一扫,手机访问
摘要:javaScript和Java有什么联络根据目前我自己的了解,不要被名字有类似字节所欺骗,这两个语言其实没有什么联络,假如说有的话,应该就是关键字和对象的少量范畴有点类似或者者说是有种模仿的感觉。但是实际上一个作为脚本的轻量语言[^7],一个作为有完整体制的大型语言[^8],两者是没有任何可比性的。

javaScript和Java有什么联络

根据目前我自己的了解,不要被名字有类似字节所欺骗,这两个语言其实没有什么联络,假如说有的话,应该就是关键字和对象的少量范畴有点类似或者者说是有种模仿的感觉。但是实际上一个作为脚本的轻量语言[^7],一个作为有完整体制的大型语言[^8],两者是没有任何可比性的。

JS的内链外链

内链

? JS的内链,也就是在html文件内的调使用用与css相似,也有两种方式,即在html文件的中书写用或者是在中用。

HTML学习心得

内书写

? 在中对JS的代码进行书写时,我们用对我们的JS代码进行包裹,与html及CSS的法则一样,其作使用也是使用来标明其JS的代码块属性。

test

我的第一个 JavaScript 程序

这是一个段落

###### 内书写

? 与在中相似的,我们在中对JS的书写和用同样是在中实现,其作使用也与上述的一致。

外链

与css有些不同的,JS的外链同样用的是标签来实现。JS就可以出现本地的JS文件的链接,也能调使用网上的JS文件进行链接,但调使用网络上的文件有可可以会受到目标文件服务器和网络的影响,用的频率没有本地的调使用高。

HTML学习心得

? 调使用本地JS文件:

调使用网络的JS文件:

? JS的外链与css相似的,也能在同个文件里调使用多个JS文件用。其中还有很多较css的类似部分就不在这里重复说了,能参考之前的css部分内容。

JS的语法关键字

JS的语法关键字有很多很多,由于JS是一门以对象为基础的语言,我们在用会发现很多例如document.getElementById("demo").innerHTML=x;的语句,这里的getElementById(),innerHTML其实都是JS为我们已经封装(能了解为打包)好了的方法和方法中的参数。所以我们在这里主要详情少量基本的关键字。

function

function的作使用其实很简单,就是公告一个函数,表明我这里的是一个函数,我们使用一个看例子来看:

function myFunction(){

var x="";

var time=new Date().getHours();

if (time<20){

x="Good day";

}

document.getElementById("demo").innerHTML=x;

}

上述的例子就是为我们公告了一个叫做myFunction的的函数,其后的花括号中包含的就是函数中的内容。

var

在JS中,var的作使用就是公告一个变量,在JS中,对于变量的类型没有严格的规定,所以JS也是一门弱语言,被定义的变量只有在第一次被赋值时才会被系统分配相应数据类型的空间。

HTML学习心得

var a;

a=10;

但实际上我们会发现,在实际用时不仅仅是var能公告一个变量,$也能成功公告一个变量,甚至不需要任何的申明关键字也能直接创立一个变量。但实际上是有非常大的差别的,$是JQ中的一个已经过定义的自己设置函数名,而在单纯的JS中是没有任何意义的,一般是在你的文件已经引入了一个JQ数据库后才出现$也能创立变量的情况,而相较于不用任何关键字而直接创立一个变量,其实质是在整个JS文件的最上层windows中创立了一个对象属性,详细的解释我会在文末提供一个网络来源的博客地址,其中对创立对象属性有一个较为详细的解释。

所以我们在公告创立变量时肯定要用var关键字,不用任何关键字创立变量,尽管可行,但却存在着语法错误。

new

与其它的面向对象方法一样的,JS中创立对象所用的个关键字也是new,我们通过它来创立一个对象。

person=new Object();

在上述的例子中,我们创立了一个名为person的对象,object我们在这里能简单的了解为一个类型为对象的数据结构。这句代码的意思就是创立一个对象,对象名为person

JS的结构语句

其实说是JS的结构语句,我们不难发现的,这些结构语句其实很多都是我们在其余语言中也可以见到的语言语法,我们在这里也是将它们简单的归类再来说明一下。

###### if else

if else语句主要的作使用其实也很简单,就是做一个判断,就像它的翻译 一样——假如….就….. 否则…..。

if(...){

...

}

else{

....

}

? 上述的就是它的基本格式,我们能看到在if后面的小括号中会有一个判断语句,其中的语句使用来判断真假来控制语句的执行部分。花括号中的就是满足条件时执行的语句。

这一条语句是能嵌套的,我们通过对它的嵌套来进行多层的判断。

if(...){

if(...){

...

}

else{

....

}

}

else{

....

}

while

我们先来看它的格式:

while(...){

...

}

while是一个循环语句,在关键字后面的小括号中,也同样是一条判断语句,使用来控制循环的执行。在花括号中是我们的循环内容。

do while

可可以我们会发现,这条语句和上一条语句非常的类似,我们还是先来看它的格式:

do{

...

}while(...)

它一样是一条控制循环的语句,不过和上一个语句有所区别的,它是先循环后判断,而while是先判断后循环,有的时候我们在不以言大哥情况下用会达到不一样的效果。

for

js for( var i=0;1<=10;i++){ ... }

for语句也同样是一个循环语句,我们在上面举出了一个实例,从例子中我们看到,for和它的循环语句是有区别的,我们需要在判断的语句中定义变量,规定执行循环的条件,及控制循环的条件变化。

但实际上,有些时候我们只要要写明控制循环的条件语句即可以了,其余的两条语句能不在括号中写出。但要注意的,我们需要保留它的分号,不然会出现语法错误。

switch

js switch(...){ case '...': ...;break; case '...': ...;break; .... default:...; }

这是一个条件选择语句,我们通过判断语句来选择到一个具体的分支,执行相应的语句。

有关于break,default 的作使用,我们就不细说了,大家能去网上查看它的详细信息。

JS的效果实现(HTML的事件响应)

我们已经很简单的详情了一下JS的语法和关键字,那么我们下面来说在网页中如何触发JS的代码,又或者者说是如触发相应的事件。

##### 点击事件

点击事件就是通过页面点击触发的事件,我们要注意的,在网页中其实不是只有按钮才能作为点击事件的载体,基本上所有的网页元素都能作为点击事件的载体。也就是说其实我们能在任意一个元素中增加一个点击事件。

? 下面我们来看常使用的格式:

? 在上述的例子中我们能看到,在标签中加入一个onclick属性,在后面写上要触发的函数名。这样我们在点击网页上的元素之后,我们即可以触发相应的JS函数。

对于我们的onclick字段,我们能像常规的函数调使用来看待它,也就是说,我们也是能通过它向函数传入参数。

后记:对于大部分转行的人来说,找机会把自己的基础知识补齐,边工作边补基础知识,真心很重要。

"我们相信人人都能成为一个IT大神,现在开始,选择一条阳光大道,助你入门,学习的路上不再迷茫。这里是北京尚学堂,初学者转行到IT行业的聚集地。"

  • 全部评论(0)
最新发布的资讯信息
【系统环境|】Hadoop环境中管理大数据存储八大技巧(2019-06-15 11:01)
【系统环境|服务器应用】现在国内IT行业是不是程序员过多了?(2019-06-11 06:34)
【系统环境|服务器应用】新贵 Flutter(2) 自己设置 Widget(2019-06-11 06:34)
【系统环境|服务器应用】Android完整知识体系路线(菜鸟-资深-大牛必进之路)(2019-06-11 06:34)
【系统环境|服务器应用】Java程序员小伙经历三个月备战,终获阿里offer(2019-06-11 06:34)
【系统环境|服务器应用】每日一问:谈谈对 MeasureSpec 的了解(2019-06-11 06:34)
【系统环境|服务器应用】【科普】晶体管-1(2019-06-11 06:34)
【系统环境|服务器应用】一个很多人都会答错的java基础题(2019-06-11 06:33)
【系统环境|服务器应用】深入了解枚举类型(2019-06-11 06:33)
【系统环境|服务器应用】JavaScript编译原理与内存管理(2019-06-11 06:33)
手机二维码手机访问领取大礼包
返回顶部