编程技术

Document

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('警告框') //这是一个语句