js(JavaScript)初级入门加详解(一)

 JavaScript和HTML、CSS的区别

HTML:结构层,提供网页的结构,提供网页中的内容。

CSS: 表示层,用来美化网页。

JavaScript:行为层,可以用来控制网页内容,给网页增加动态的效果,用于跟用户的交互。

Javascript的特点(重点)

  • Javascript是一个脚本语言,可跨平台,支持面向对象。

  • 脚本(Script)简单地说就是一条条的文本命令,按照程序流程执行。 常见的脚本语言:JavaScript、VBScript、Perl、PHP、Python等。 非脚本语言:C、C++、Java、C#等。

  • 脚本语言与非脚本语言的区别: 非脚本语言一般需要编译、链接,生成独立的可执行文件后才能运行。 脚本语言依赖于解释器,只在被调用时自动进行解释或编译

  • 几乎所有的浏览器,包括手机等各类移动设备。 特点:JavaScript语言不依赖操作系统,仅需要浏览器的支持。

JS的组成

DOM:文档对象模型,是用来控制网页内容的API,可以通过DOM来控制网页中的html。

BOM: 浏览器对象模型,是用来控制浏览器功能的API,通过BOM来建立JS和浏览器的连接。

js的三种使用方法

内嵌

οndblclick="window.alert('today is summy'叫行内代码


<div  ondblclick="window.alert('today is summy')">    //点两次才会出警告
	今天天气很好
</div>


内联

window是浏览器的顶级对象

<script>
    console.log(window)   //window是浏览器的顶级对象
	window.alert('警告框') //这是一个语句,警告框
	console.log(alert('冲冲冲')) //输出内容到控制台
	window.confirm('确认升级嘛')  //确认框
	window.prompt('请输入你的名字')//输入框

	//把内容出入到页面中去
	window.document.write("<sapn>我是插入到页面的内容</sapn>")

</script>

外联

<body>
	<script src="03.js"></script>
</body>

//同目录新建03.js文件,直接写js语句
window.alert('警告框') //这是一个语句