目录
一.对html,css基础知识进行学习
在html中编写一个表单
表单项的用法
二.对js的学习
1.js的作用
2.js的两种引用方式
3.js代码的书写格式
4.js中变量的声明
5.js中的数据类型的划分
1.引用数据类型
2.原始类型
6.运算符
===与==的不同
7.js中函数的定义
8.js中的对象
Array
String
自定义对象
JSON
BOM
DOM
9.js中的事件监听
常用事件
事件的绑定
三.成果展示
代码如下
成果如下
四.学习心得
一.对html,css基础知识进行学习
学校的前端课上对css和html有了一定的学习,所以本周我对不熟悉的地方进行了巩固
在html中编写一个表单
表单项的用法
二.对js的学习
1.js的作用
可以用来创建动态更新的内容,控制多媒体,制作图像动画等等
2.js的两种引用方式
3.js代码的书写格式
js的书写代码的格式与java一样,拥有变量名,函数名等等,同时也是区分大小写的。
在js中输出语句有三种
4.js中变量的声明
由于js是一门弱类型语言,所以他的形式没有那么严格
通常采用var关键字来声明变量,并且这个变量可以存放不同类型的值
var a=10;
a="王五";
var关键字特点
1.作用域大,它是一个全局变量
2.它是可以重复定义的
var a=10;
var a=50;
5.js中的数据类型的划分
1.引用数据类型
2.原始类型
number数字(整数,小数,NaN(Not a Number));
string:字符串(单双引号都可);
boolean:true,false;
null:对象为空;
underfined:当变量未初始化时,变量的默认值为underfined
6.运算符
js中的运算符与java中的类型,所以不一一介绍了但是有一点特殊
===与==的不同
==会进行类型转化再进行比较;===不会进行类型转化
7.js中函数的定义
方法一
方法二
8.js中的对象
js中的对象大致分为以下几类
Array,String,自定义对象,JSON,BOM,DOM
接下来我来进行介绍
Array
对象的定义
Array对象的方法以及方法
String
定义以及方法
自定义对象
JSON
JSON对象是为了更方便的进行数据的传播而创建的
JSON的基础语法
BOM
DOM
DOM对象的作用是将标记语言中的各个组成部分封装为一个对象,以便后期的正常使用
DOM的具体使用方法
获取不同的属性值获取不同的对象的用法是不同的
详情可以通过查阅官方文档来获取
w3school 在线教程
9.js中的事件监听
常用事件
事件的绑定
onclick为例
三.成果展示
通过对js的学习,完成了一个小的任务
代码如下
成果如下
IMG_4624
四.学习心得
通过这周的学习清楚掌握了html,css,以及js的基础知识,为以后的项目开发,系统设计打下了坚实的基础,项目设计还需要更多的学习,任重而道远。