6.JS函数
1.声明函数:
function Function1(){ alert(4) }
2.带参数的函数:
function Function2(num1,num2)(){ return num1+num2 }
3.引用函数:
【html】<button onclick="Function1">点击这里</button>
》弹出提示框“4”
【script】document.getElementById("demo").innerHTML=Function2(4,3);
》7
4.局部变量和全局变量:
函数内用var声明的是局部变量,无var是全局变量;
函数外声明的是全局变量,
5.存在时间:
全局变量存在时间为整个网页期间。
局部变量存在时间为执行函数期间
7.JS事件
HTML 事件是发生在 HTML 元素上的事情。
当在 HTML 页面中使用 JavaScript 时, JavaScript 可以触发这些事件。
常见的HTML事件:
更多事件参考:HTML DOM 事件对象 | 菜鸟教程 (runoob.com)
8.JS字符串
1.创建方法:
①var name="hhh" 类型为字符串string
②var name=new String("hhh") 类型为对象obejct
在JS中用第一种即可,将字符串视为对象
2.引用
name[0]切片方法
3.在字符串中转义字符\ 可转义的特殊字符:
4.字符串属性和方法:
①属性:
②方法:
JavaScript String 对象 | 菜鸟教程 (runoob.com)
9.正则表达式
1.概念:正则表达式(英语:Regular Expression,在代码中常简写为regex、regexp或RE)使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。搜索模式可用于文本搜索和文本替换。
2.使用方法:
var str = "Visit Runoob!";
var n = str.search(/Runoob/i); //斜号里的是搜索内容,i是修饰符,表示不区别大小写
》6
<p id="demo">Visit Microsoft!</p>
function myFunction() {
var str = document.getElementById("demo").innerHTML; 获取id为demo的html元素
var txt = str.replace(/microsoft/i,"Runoob"); 将元素中的microsoft改成Runoob
document.getElementById("demo").innerHTML = txt; 将修改后的值重写入html中
}
》Visit Runoob!
3.特殊字符:
4.完整参考:JavaScript RegExp 对象 | 菜鸟教程 (runoob.com)
10.this使用
●在方法中,this 表示该方法所属的对象。
var person = {
firstName: "John",
lastName : "Doe",
id : 5566,
fullName : function() {
return this.firstName + " " + this.lastName;
}};
●如果单独使用,this 表示全局对象。
●在函数中,this 表示全局对象。
●在函数中,在严格模式下,this 是未定义的(undefined)。
●在事件中,this 表示接收事件的元素。
<button onclick="this.style.display='none'">点我后我就消失了</button>
●类似 call() 和 apply() 方法可以将 this 引用到任何对象。
11.let和const
let和const都可以声明变量,它们与var的不同在于这两是块级作用域,只在{ }内有效,且声明的全局变量不属于window对象。而var在块级声明后可以改变全局变量的值。
let和const的区别:
const不能通过赋值修改,但可以通过字典修改某个关键字或列表修改某个元素。
const声明必须初始化赋值,let不用。