前端html JavaScript快速入门指南
一 html快速入门
1 基本框架
(1) 与 之间的文本描述网页
与 之间的文本是可见的页面内容
与
之间的文本被显示为标题与
之间的文本被显示为段落2 HTML 链接
HTML 链接是通过 标签进行定义的
进程调度算法 链接到一个html网页文件
This is a link 链接跳转到对应网页
在 href 属性中指定链接的地址
3 添加其他脚本语言
(1) HTML 中的脚本必须位于 标签之间。
脚本可被放置在 HTML 页面的 和 部分中。
通常的做法是把函数放入 部分中,或者放在页面底部。这样就可以把它们安置到同一处位置,不会干扰页面的内容。
(2) 也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。
外部 JavaScript 文件的文件扩展名是 .js。
如需使用外部文件,请在
在 或 中引用脚本文件都是可以的。实际运行效果与您在
二 JavaScript快速入门
1(1) 对事件做出反应
点击这里
(2)改变html内容
html:
JavaScript 能改变 HTML 元素的内容。
JavaScript:
(3)如需从 JavaScript 访问某个 HTML 元素,您可以使用 document.getElementById(id) 方法。
请使用 “id” 属性来标识 HTML 元素
2 变量数据类型
变量可用于存放值,表达式,字符串
(1)var只有一种数值类型,无论整数小数
布尔类型:var isOk = true
(2)数组创建
var cars=new Array();
cars[0]=“Audi”;
cars[1]=“BMW”;
cars[2]=“Volvo”;
或
var cars=new Array(“Audi”,“BMW”,“Volvo”);
或
var cars=[“Audi”,“BMW”,“Volvo”];
(3)对象
对象由花括号分隔。在括号内部,对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔:
var person={firstname:“Bill”, lastname:“Gates”, id:5566};
对象属性
name=person.lastname;
Undefined 这个值表示变量不含有值
声明变量类型
var carname=new String;
var x= new Number;
var y= new Boolean;
var cars= new Array;
var person= new Object;
创建对象并添加属性
person=new Object();
person.firstname=“Bill”;
person.lastname=“Gates”;
person.age=56;
person.eyecolor=“blue”;
三 HTML DOM文档对象模型
当网页被加载时,浏览器会创建页面的文档对象模型
(1)通过可编程的对象模型,JavaScript 获得了足够的能力来创建动态的 HTML。
JavaScript 能够改变页面中的所有 HTML 元素
JavaScript 能够改变页面中的所有 HTML 属性
JavaScript 能够改变页面中的所有 CSS 样式
JavaScript 能够对页面中的所有事件做出反应
(2)通过 JavaScript操作 HTML 元素。
通过 id 找到 HTML 元素: 查找 id="intro" 元素:var x=document.getElementById("intro"); 通过标签名找到 HTML 元素:查找 id="main" 的元素,然后查找 "main" 中的所有 <p> 元素: var x=document.getElementById("main"); var y=x.getElementsByTagName("p"); 通过类名找到 HTML 元素
四 对象
1创建对象
(1)直接创建:
person=new Object();
person.firstname=“Bill”;
person.lastname=“Gates”;
person.age=56;
person.eyecolor=“blue”;
等于=== person={firstname:“Bill”,lastname:“gates”,age:56,eyecolor:“blue”}
(2)使用对象构造器(用函数来构造):
function person(firstname,lastname,age,eyecolor)
{
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
}
可以反复使用此函数进行构造新的对象
注意:JavaScript 是面向对象的语言,但 JavaScript 不使用类。在 JavaScript 中,不会创建类,也不会通过类来创建对象
JavaScript for…in 语句循环遍历对象的属性
for (对象中的变量)
{
要执行的代码
}
for…in 循环中的代码块将针对每个属性执行一次。
2 JavaScript Array 数组
(1)创建
var cidao = new Array()
(2)循环输出
for (x in mycars)
{
document.write(mycars[x] + “
”) //"
"换行控制符
}
(3)
- 前端零基础入门(三):HTML,CSS,Javascript三者之间的关系
- web前端基础知识及快速入门指南
- 【麦子学院】03.web前端开发之HTML5+CSS3快速入门之基本HTML5元素介绍
- web前端html快速入门
- javascript快速入门6--Script标签与访问HTML页面
- 网站前端_JavaScript-基础入门.0002.JavaScript快速使用
- [置顶] Spark快速入门指南(Quick Start Spark)
- AngularJS快速入门指南20:快速参考
- Maven入门指南① :Maven 快速入门及简单使用
- DragonBones快速入门指南
- JavaScript-基础入门.0002.JavaScript快速使用
- HTML CSS JavaScript网页制作从入门到精通 第3版 (刘西杰) pdf完整版
- JavaScript-快速入门(三)数据类型和变量
- JavaScript基础系列之一 快速入门
- web前端开发七武器—ant入门指南(1)
- html快速入门.md
- ArcGIS 10.1 Engine Developer Kit 和 ArcGIS 10.1 Engine 快速入门指南
- Maven入门指南 :Maven 快速入门及简单使用
- 二十一、python学习之前端(四):javascript入门及进阶
- javascript面向对象快速入门实例