首页 前端知识 html,css,js初学习

html,css,js初学习

2024-06-04 10:06:56 前端知识 前端哥 44 817 我要收藏

目录

一.对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的基础知识,为以后的项目开发,系统设计打下了坚实的基础,项目设计还需要更多的学习,任重而道远。

转载请注明出处或者链接地址:https://www.qianduange.cn//article/10742.html
标签
评论
发布的文章

js-jquery页面跳转集合

2024-06-08 22:06:13

echarts柱状图数据过多

2024-06-08 22:06:31

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!