JavaScript入门基础教程(1)js入门+和数据类型介绍

昨日回顾

position：定位

position:static;

position:absolute; 设置元素为绝对定位

1、相对于具有定位方式为absolute、relative的最近父元素进行定位;如果没有这样

的父元素，相对于文档左上角。

2、元素设置为绝对定位后，其他的元素会填充其位置。

3、一个行元素设置为绝对位后会自动变为块元素。

position:relative;

1、相对定位相对于本身在原文档中的位置

2、元素设置为相对定位后，其后的元素不会填充其位置

position:fixed;

1、元素设置为固定位置后，相对于浏览器窗口左上角

2、元素设置为固定定位后，其后元素会来填充其位置

当一个元素仅设置定位方式时，元素的位置默认不变，只有当为left、top、right、botom 设置值时，元素才会进行定位

如果想让元素实现动画效果，元素必须设置为相对定位或绝对定位

display:设置元素的显示方式

display:none; 设置元素不显示

display:block; 将元素调置为块元素

display:inline; 将元素设置为行元素

overflow:hidden; 设置元素内容超出元素的范围时隐藏

清除内部元素的浮动

overflow:scroll; 设置滚动条

overflow:auto;

overflow-x: 设置水平滚动条

overflow-y: 设置垂直滚动条

处理浏览器兼容性：

1、初始化

2、使用通用的属性

3、CSS hack 针对不同浏览器书写不同代码

IE6、IE7、FireFox

CSS Hack书写顺序：Firefox > IE7 >IE6

程序语言与标签语言的区别：

标签语言，不涉及逻辑与变量

程序语言，有变量，语法结构

JavaScript

JS概念：

JS是一种轻量级的、基于对象、跨平台、事件驱动式、客户端脚本语言

轻量级：就是只这种不需安装，浏览会内置一个JS的解释器

基于对象：面对对象的纯度没有Java这种纯面向对象语言那么高

class 由类产生对象

js中没有class概念却可以创建对象

跨平台：js可以运行在html、web服务器，服务器、pc、平板电脑、智能手机。

客户端脚本语言：脚本语言有两种，一种是服务器端php，另一种是客户端

事件驱动：事件驱动也叫事件触发，由事件触发执行某段js代码

(Object)对象：计算机之外的世界，现实世界由一个物质世界，任何一个物体或事务都有与之相关的属性和行为相关联。当我们描述每一个对象时，通常会说某某某的重量，某某某的身高，某某某的年纪，某某某的微笑。这是一种很合适的逻辑，能够清楚而准确的描述主体与附属在主体上的属性。

在计算机中，程序就是人的思维，谁写的程序这个程序主是谁思维，为了计算机程序逻辑更合理，再容易理解和使用，让程序代码更接近人的思维，就将现实世界中的对事物的描述引入计算机世界，形一种语法结构。

为什么要使用JS

JS诞生最主要的原因是解决浏览器数据验证的问题

网面上有很绚丽的特效，滚动文字，和一些动态的内容，都是让js形成。提高了用户访问网站的体验，增加网站对用户的吸引。

JS能作什么

1、可以动态生成HTML元素

2、可以动态更改HTML元素的内容

3、可以动态更改HTML元素的属性

4、可以动态更改HTML元素的CSS样式

5、AJAX(就业班)

标签

常用属性：

type: 定义当前文档与被引入该当的关系

取值:text/javascript //此脚本语言为javascript

如果省略，浏览都会默认为javascript脚本语言

href: 被引入外部资源

language：取值javascript

//此属性被W3C弃用

标签可以们于文档中任何位置，强烈建议书写在标签中

js的语法规则：

1、js是大小写敏感的

2、js每条语句后都可以使用”;”表示语句结束，为了代码完善与强建，强烈建议每条语

言使用”;”结束

JS的阻塞加载与执行效率

1、HTML文档是自由而下一行一行执行的，当标签中有对js代码的引入，此请求发出后且得到答应后，才会渲染(显示)body标签中的内容

2、不要将一个js分成多个文件书写，会增服务器负担，增加http请求次数

JS的引入方法

1、外部引入

一个script标签要么引入外部js文件，要么书写内部js代码

2、内部引入

3、行内引入

js的注释

有二种：

1、单选注释

//注释内容

2、间行或多行注释

/*注释内容*/

数据类型

计算机最主的功能是使用程序来处理并显示数据。程序只有两部分，一是代码，另一个是数据。在计算机信息就叫数据。数据有三种来源，用户输入，从数据库读取，程序生成。