学习笔记之JavaScript

最新推荐文章于 2024-11-13 01:18:00 发布

大荣若愚

最新推荐文章于 2024-11-13 01:18:00 发布

阅读量749

点赞数 1

文章标签： javascript

本文链接：https://blog.csdn.net/xr_bimuyu/article/details/121699089

版权

JavaScript是一种轻量级的编程语言。
如需在HTML页面中插入JavaScript，请使用<script>标签。
浏览器会解释并执行位于<script>和</script>之间的JavaScript代码。

脚本可以放在<head>或者<body>部分中，或者同时存在于两个部分中。
通常的做法是把函数放入部分中，或者放在页面底部。这样就可以把它们安置到同一处位置，不会干扰页面的内容。
当然，也可以采用扩展名为.js的外部JavaScript文件。
如需使用外部文件，请在<script>标签的"src"属性中设置该.js文件。
外部JavaScript文件不适用<script>标签，直接写JavaScript代码。
在这里插入图片描述

JavaScript输出：
JavaScript可以通过不同的方式来输出数据：
widow.alert()：弹出警告框
document.write()：将内容写到HTML文档中
innerHTML：
console.log()：如果浏览器支持调试，在浏览器中显示。

JavaScript语法：

JavaScript使用关键字var来定义变量，使用等号来为变量赋值。
JavaScript对大小写敏感。
常用小驼峰命名规则。
JavaScript是脚本语言，浏览器会在读取代码时，逐行地执行脚本代码。
JavaScript单行注释：//，多行注释：/* 注释内容 */

JavaScript对象：
定义JavaScript对象可以跨越多行，空格跟换行不是必须的。
var person = { 
	firstName:"John", 
	lastName:"Doe", 
	id:5566,
	fullName:function()
	{
		return this.firstName+" "+ this.lastName;
	}
};
对象也是一个变量，但对象可以包含多个值，每个值以name:value对呈现。

访问对象属性，可以有两种方式：

person.lastName;
person["lastName"];

访问对象方法：person.fullname();

JavaScript事件：
当在HTML页面中使用JavaScript时，JavaScript可以触发这些事件。

JavaScript For/In循环：
JavaScript for/in语句循环遍历对象的属性。

function myFunction() { 	
	var txt=""; 	
	var person={ 
		fname:"Bill",
		lname:"Gates",
		age:56
	 };  	
for (var x in person) {
	txt=txt + person[x]; 
}
document.getElementById("demo").innerHTML=txt; 
}

在这里插入图片描述

JavaScript数据类型：
可以使用typeof操作符来查看JavaScript变量的数据类型。

JavaScript 正则表达式：
正则表达式使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。
正则表达式可用于所有文本搜索和文本替换的操作。
语法：/正则表达式主体/修饰符（可选）

在JavaScript中，正则表达式通常用于两个字符串方法：search()和replace()。
search()方法用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串，并返回子串的起始位置。
replace()方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。

正则表达式修饰符：
修饰符可以在全局搜索中不区分大小写。

正则表达式模式：

使用test()：
test()方法用于检测一个字符串是否匹配某个模式，如果字符串中含有匹配的文本，则返回true，否则返回false。

var patt =/e/;也可写为var patt=new RegExp("e");
在JavaScript中，RegExp对象是一个预定义了属性和方法的正则表达式对象。

使用exec()：
exec()方法用于检索字符串中的正则表达式的匹配。该函数返回一个数组，其中存放匹配的结果，如果未找到匹配，则返回值为null。

关于正则表达式，还需进一步学习！

HTML表单自动验证：
HTML表单验证也可以通过浏览器来自动完成。
如果表单字段的值为空，required属性会阻止表单提交。

JavaScript JSON：
JSON是用于存储和传输数据的格式。
JSON通常用于服务端向网页传递数据。
JSON语法规则：

数据为键/值对。
数据由逗号分隔。
大括号保存对象。
方括号保存数组。

href="#"与 href=“javasctipt:void(0)”：
<a href="#"> 链接1</a>
#包含了一个位置信息，默认的锚是#top，也就是网页的上端。
在页面很长的时候会使用#来定位页面的具体位置，格式为：#+id。
<a href="javascript:void(0)">链接2</a>
点击这个链接什么也不会发生。