【笔记】script基础

Trouble=Maker

已于 2022-01-23 20:00:12 修改

阅读量674

点赞数

文章标签： javascript linq vue.js

于 2022-01-20 23:21:42 首次发布

本文链接：https://blog.csdn.net/weixin_52226593/article/details/122611857

版权

内部脚本	在html的<body>里面写入<script>，在<script>中写要执行的语句
外部脚本	在js文件夹下写入js文本，文本内部写入要执行的语句，再在html中引入外部的js文件，引入格式：<script src="路径"></script>

输出语句

alert(typeof age);//查看数据类型

==和===区别

==	1.判断类型是否一样，如果不一样，则进行类型转换 2.再去比较其值
===	1.判断类型是否一样，如果不一样，直接返回false 2.再去比较其值

1.判断类型是否一样，如果不一样，则进行类型转换

2.再去比较其值

===

1.判断类型是否一样，如果不一样，直接返回false

2.再去比较其值

类型转换

number 类型转换为 boolean 类型	0和NaN转为false，其他的数字转为true
string 类型转换为 boolean 类型	空字符串转为false，其他的字符串转为true
null类型转换为 boolean 类型是 false
undefined 转换为 boolean 类型是 false

函数定义格式

function 函数名(参数1,参数2..){
    要执行的代码
}

var 函数名 = function (参数列表){
    要执行的代码
}

函数的调用

函数名称(实际参数列表);
let result = add(10,20);

自定义对象

var 对象名称 = {
    属性名称1:属性值1,
    属性名称2:属性值2,
    ...,
    函数名称:function (形参列表){},
	...
};

confirm代码演示

// confirm()，点击确定按钮，返回true，点击取消按钮，返回false
var flag = confirm("确认删除？");

alert(flag);

定时器代码演示

只弹出一次

setTimeout(function (){
    alert("hehe");
},3000);

每隔一段时间弹出

setInterval(function (){
    alert("hehe");
},2000);

Location对象

跳转页面

location.href = "https://www.baidu.com";

获取 Element对象
getElementById()	根据id属性值获取，返回单个Element对象
getElementsByTagName()	根据标签名称获取，返回Element对象数组
getElementsByName()	根据name属性值获取，返回Element对象数组
getElementsByClassName()	根据class属性值获取，返回Element对象数组

JavaScript 提供了两种事件绑定方式：

方式一：通过 HTML标签中的事件属性进行绑定

<input type="button" onclick='on()’>

function on(){
	alert("我被点了");
}

方式二：通过 DOM 元素属性绑定

<input type="button" id="btn">

document.getElementById("btn").onclick = function (){

正则表达式

var reg = /正则表达式/;

关注