Javascript学习（二）

最新推荐文章于 2024-05-06 15:03:18 发布

weixin_46353442

最新推荐文章于 2024-05-06 15:03:18 发布

阅读量127

点赞数

本文链接：https://blog.csdn.net/weixin_46353442/article/details/105409754

版权

Javascript函数

函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>测试</title>
<script>
function myFunction()
{
    alert("Hello World!");//调用此函数将会弹出"Hello World!"
}
</script>
</head>
 
<body>
<button onclick="myFunction()">点我</button>//点击时调用函数
</body>
</html>

函数就是包裹在花括号中的代码块，前面使用了关键词 function
关键词 function 必须是小写的，并且必须以与函数名称相同的大小写来调用函数
调用带参数的函数
在调用函数时，您我们可以向其传递值，这些值被称为参数；这些参数可以在函数中使用；我们可以发送任意多的参数，由逗号 (,) 分隔：

myFunction(argument1,argument2)

当声明函数时，需把参数作为变量来声明：

function myFunction(var1,var2)
{
	代码
}
//实例：（只写了有用的代码）
<p>点击这个按钮，来调用带参数的函数。</p>
<button onclick="myFunction('Harry Potter','Wizard')">点击这里</button>//当点击按钮时便会弹出Welcome Harry Potter, the Wizard
<script>
function myFunction(name,job){
    alert("Welcome " + name + ", the " + job);
}
</script>

带有返回值的函数
如果你希望函数将值返回调用它的地方可以通过使用 return 语句实现。（在使用 return 语句时，函数会停止执行，并返回指定的值。）

function myFunction(a,b)
{
    return a*b;
}
 
document.getElementById("demo").innerHTML=myFunction(4,3);//此时浏览器将会返回12

局部变量
在 JavaScript 函数内部声明的变量（使用 var）是局部变量，所以只能在函数内部访问它。（该变量的作用域是局部的）；也可以在不同的函数中使用名称相同的局部变量，因为只有声明过该变量的函数才能识别出该变量；只要函数运行完毕，本地变量就会被删除。
局部变量会在函数运行以后被删除。
全局变量
在函数外声明的变量是全局变量，网页上的所有脚本和函数都能访问它。
全局变量会在页面关闭后被删除。

JavaScript 作用域

作用域是可访问变量的集合。（作用域在函数内修改。）

在 JavaScript 中, 对象和函数都是变量；作用域为可访问变量，对象，函数的集合。
JavaScript 局部作用域

局部变量只能在函数内部访问，在声明的函数外不可以访问

// 该函数外不能调用 carName 变量
function myFunction() {
    var carName = "Volvo";
    // 函数内可调用 carName 变量
    //局部变量在函数开始执行时创建，函数执行完后局部变量会自动销毁。
}

JavaScript 全局变量
变量在函数外定义，即为全局变量。
全局变量有 全局作用域: 网页中所有脚本和函数均可使用

var carName = " Volvo";
// 此处可调用 carName 变量
function myFunction() {
    // 函数内也可调用 carName 变量
}

如果变量在函数内没有声明（没有使用 var 关键字），该变量为全局变量。

JavaScript 事件

HTML 事件是发生在 HTML 元素上的事情。
当在 HTML 页面中使用 JavaScript 时， JavaScript 可以触发这些事件
常见的HTML事件

onchange HTML 元素改变
onclick 用户点击 HTML 元素
onmouseover 用户在一个HTML元素上移动鼠标
onmouseout 用户从一个HTML元素上移开鼠标
onkeydown 用户按下键盘按键
onload 浏览器已完成页面的加载

JavaScript 可以做：
1.页面加载时触发事件
2.页面关闭时触发事件
3.用户点击按钮执行动作
4.验证用户输入内容的合法性等

JavaScript 字符串

JavaScript 字符串用于存储和处理文本。
字符串可以是插入到引号中的任何字符。可以使用单引号或双引号。

我们可以使用索引位置来访问字符串中的每个字符（注意：字符串的索引从 0 开始，这意味着第一个字符索引值为 [0],第二个为 [1]）。

可以在字符串中使用引号，字符串中的引号不要与字符串的引号相同。
你也可以在字符串添加转义字符（/“引号中内容/”）来使用引号

字符串的长度使用内置属性lebgth来计算

特殊字符：
反斜杠是一个转义字符（上面有提到）。转义字符将特殊字符转换为字符串字符；
转义字符 () 可以用于转义撇号，换行，引号，等其他特殊字符
’ 单引号
" 双引号
\ 反斜杠
\n 换行
\r 回车
\t tab(制表符)
\b 退格符
\f 换页符
字符串属性

constructor 返回创建字符串属性的函数
length 返回字符串的长度
prototype 允许您向对象添加属性和方法

字符串方法

charAt() 返回指定索引位置的字符
charCodeAt() 返回指定索引位置字符的 Unicode 值
concat() 连接两个或多个字符串，返回连接后的字符串
fromCharCode() 将 Unicode 转换为字符串
indexOf() 返回字符串中检索指定字符第一次出现的位置（返回所要检测的字符串第一次出现的位置）
lastIndexOf() 返回字符串中检索指定字符最后一次出现的位置
localeCompare() 用本地特定的顺序来比较两个字符串
match() 找到一个或多个正则表达式的匹配
replace() 替换与正则表达式匹配的子串
search() 检索与正则表达式相匹配的值
slice() 提取字符串的片断，并在新的字符串中返回被提取的部分
split() 把字符串分割为子字符串数组
substr() 从起始索引号提取字符串中指定数目的字符
substring() 提取字符串中两个指定的索引号之间的字符
toLocaleLowerCase() 根据主机的语言环境把字符串转换为小写，只有几种语言（如土耳其语）具有地方特有的大小写映射
toLocaleUpperCase() 根据主机的语言环境把字符串转换为大写，只有几种语言（如土耳其语）具有地方特有的大小写映射
toLowerCase() 把字符串转换为小写
toString() 返回字符串对象值
toUpperCase() 把字符串转换为大写
trim() 移除字符串首尾空白
valueOf() 返回某个字符串对象的原始值

Javascript运算符

算数运算符

加法(+)
减法(-)
乘法（*）
除法（/）
取余（%）
自增（++）
自减（–）

赋值运算符
赋值运算符用于给 JavaScript 变量赋值。

运算符	例子	等同于
=	x=y
+=	x+=y	x=x+y
-=	x-=y	x=x-y
*=	x*=y	x=x*y
/=	x/=y	x=x/y
%=	x%=y	x=x%y

用于字符串的 + 运算符
“+” 运算符用于把文本值或字符串变量加起来（连接起来）。
如果需要把两个或多个字符串变量连接起来，我们可以使用 + 运算符
对字符串和数字进行加法运算
两个数字相加，返回数字相加的和;如果数字与字符串相加，则返回字符串
实例：

x=5+5;//10
y="5"+5;//55
z="Hello"+5;//Hello5

weixin_46353442

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Javascript学习（二）

Javascript函数函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块<!DOCTYPE html><html><head><meta charset="utf-8"><title>测试</title><script>function myFunction(){ alert("...
复制链接

扫一扫