JavaScript学习笔记

最新推荐文章于 2025-05-28 08:00:00 发布

原创最新推荐文章于 2025-05-28 08:00:00 发布 · 317 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript入门 #JavaScript学习笔记 #字符串属性 #js #js的固定格式及运用

JavaScript学习笔记专栏收录该内容

2 篇文章

订阅专栏

本文介绍了JavaScript的基础知识，包括其是可插入HTML的前台脚本程序，变量均为对象。阐述了输出形式、在HTML中使用JS的方式、变量声明与命名规则、固定格式、点击事件等。还介绍了数据类型，重点讲解了字符串属性，如长度计算、转换方法等。

1.Javascript:是面向对象（无特点）的一种轻量级的可插入到html中的编程语言，但不使用类浏览器从上往下解析的前台脚本程序，该语言对大小写比较敏感，使用的字符集为Unicode。

注意：JavaScript 变量均为对象。当声明一个变量时，就创建了一个新的对象。

Eg：字符串、数字、数组、日期等都是对象。

☀ 输出形式：

alert（任何类型都可以）弹出警告框; 括号中的对象可以用双引号可以用单引号，若alert直接引用onclick等HTML等事件中时只能用单引号。

prompt（“字符串”，默认值）弹出提示框，可输入值的文本框，默认值返回的是字符串，确认后显示输入的内容，若点击取消，则显示的返回值为null。

confirm（“字符串”）弹出确认框，点击确认输出值为true，点击取

消输出值为false。

document.write（“字符串”）将内容写到HTML文档中;

innerHTML=“......”写入到HTML元素

console.log(“字符串”) 写入到控制台中，方便调式。

☀在HTML文档中使用JS：

使用<script></script>讲js语法嵌入到HTML中，可以使用多个，每一个之间都是有关联的。

☑href=”javascript:代码”；

☑直接写在事件中引用。

☑外部的JavaScript引入<.js>：<script src=”文件位置”></script>

☀变量是一个名称，字面量是一个值。对象和函数是变量。

相同的变量可用作不同的类型。

声明变量时，以var开头，声明多个变量时以逗号隔开。

当您声明新变量时，以var开头，可以使用关键词 "new" 来声明其类型。

◪局部变量：只能在函数内访问，即函数运行以后被删除

◪全局变量：页面关闭以后被删除

2.获取并定位某一id的位置：getElementById(“id”);——id为字符串（String）用单、双引都可以，用来调用定位该id。

3.命名规则:

变量：变量名只能以字母或下划线（"_"）开头，大小写不同则变量名不同。

可以包含数字、从 A 至 Z 的大小写字母，

Eg：变量 myVar、 myVAR 和 myvar 是不同的变量

var firstName='king'; 小驼峰

var FirstName='queen';大驼峰

var first_name='maizi';下划线法

4.js的固定格式：

function/*函数类型*/ myFunction/*函数的名称*/(){

x=document.getElementById(id）； //定位到元素

x.innerHTML="改变的内容"； // 改变内容

}

</script>

Javascript中的注释符：//或/*...*/

5.点击事件：

onclick=”点击按钮后调用的函数后出现结果”

6.调用图片：

function changeImage(){

var element=document.getElementById('changeimage'/*id名称*/)

if(element.src.match("1.png")) /*match 为检索图片*/

{

element.src="3.png";

}

else

{

element.src="1.png";

}

</script>

数据类型：

String:字符串类型：

Number:数字类型：

Boolean：布尔类型：布尔（逻辑）只能有两个值：true 或 false。

Array:数组类型

var 数组名=new Array(数组大小)

var 数组名=new Array(“”,””,””,...);

var 数组名=[“”,””,””,...];

Object：对象类型

对象是变量的容器，通常认为对象是键值对的容器，键值对在js中通常成为对象属性

对象用花括号来分隔

属性用逗号分隔

属性名（name）：值（value）

寻找地址的两种方法：

属性名=对象名.属性名

属性名=对象名[“属性名”]

Eg： name=person.lastname;

name=person["lastname"];

Eg： var person={

firstname:"John",

lastname:"Doe",

id:5566

};

fullName()方法：

var person={

one:"one",

two:"two",

three:"three",

fullname:function(){

return this.one+this.two+this.three

}

document.write(person.fullname());

</script>

var person={

one:"one",

two:"two",

three:"three"

}

document.write(person.one+person.two+person.three);

</script>

结果都为onetwothree

8.可以在文本字符串中使用反斜杠对代码进行换行。

Eg：document.write(“你好\

飞凡”);

9.函数类型：

函数作用域: 作用域在函数内修改。 作用域为可访问变量，对象，函数的集合。

function 函数名()

{

执行代码

}

10.字符串：字符串可以是对象，字符串用于存储和处理文本，可存储一系列字符，可插入任何字符，可以使用单引号或双引号，可使用索引来访问字符串中的指定字符，字符串的索引都是从 0 开始，在字符串可中使用引号，但字符串中的引号不能与字符串的引号相同。

因此需要有转义字符：用反斜杠转义，用于转义撇号，换行（\n），回车（\r）引号，等其他特殊字符

创建string对象时，它会拖慢执行速度，因此一般情况直接定义字符串。

11.字符串属性：

计算字符串长度：length
创建字符串属性的函数：constructor

返回js中变量的构造函数。

document.write(对象名.constructor) 显示该函数的名称

★String是全局方法，将数字转换为字符串

toString将数字转换为字符串。

Date() 获取当前日期返回字符串，用String或toString可将日期对象变为字符串

☛getFullYear(年，月，天) 从Date()对象以四位数字返回年份

☛getMonth()从Date()对象返回一年中的任意一月（0~11）

☛getDate()从Date()对象返回一个月中的任意一天（1~31）

☛getDay()从Date()对象中返回一周中的任意一天（周一~周日）

☛getHours()从Date()对象中返回一天当中的小时（0~23）

☛getMinutes()从Date()对象中返回一小时当中的分钟（0~59）

☛getSeconds()从Date()对象返回一个分中的任意一秒（0~59）

☛getMilliseconds()从Date()对象中返回一秒当中的毫秒（0~999）

☛getTime()返回1970年1月1日至今的毫秒数

★Number()是全局方法,☛将字符串转换数字，

☛将布尔值变成数字（false变为0，true变为1）

☛将日期转换为数字

两种方法：第一种直接赋值

Eg: d = new Date();

Number(d)

第二种：运用getTime()方法

Eg: d = new Date();

d.getTime()

允许向对象添加属性和方法：prototype