JavaScript学习笔记――第一课:我的第一个javascript

    由于个人工作原因,需要用到一些JS语句。之前使用有道云笔记记录了一些,由于知识太点太多,且非常离散。因此,在51CTO的播客中进行整理分享。

    JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML网页上使用,用来给HTML网页增加动态功能。

    要想学好javascript,首先要有一些HTML与CSS的基础知识。按照我个人的理解,JS主要的功能是动态的改变网页的代码达到特殊的效果。下面我们来写一段简单的JS语句(代码的作用是:鼠标移入或移除编辑框时,控制DIV提示框显示或者隐藏)。

<html>
	<head>
		<title>我的第一个javascript</title>
		<style type="text/css">
			#div1{width:210px;height:100px;background:#ccc;display:none;}
		</style>
	</head>
	<body>
		<input type="text"
			onmousemove="document.getElementById('div1').style.display='block'" 
			onmouseout="document.getElementById('div1').style.display='none'"/>
		<div id="div1">这是我第一个javascript!</div>
	</body>
</html>

知识重点:

  1. nomousemove = "..." 表示鼠标移入事件,当鼠标移入时触发在引号内的代码。

  2. 反之, = "..." 则是鼠标移除事件。

  3. document.getElementById() 通过ID获取元素,一些低端浏览器必须先调用该命令,才能够实现。通常我们为了保证页面的兼容性,所以在写JS语句的时候必须带上document.getElementById()。





你可能感兴趣的:(JavaScript,浏览器,display)