js笔记

1、查看数据的类型

<p>typeof 运算符返回变量或表达式的类型：</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
typeof "Bill"

 

2、js的数据类型

var length = 7; // 数字
var lastName = "Gates"; // 字符串
var cars = ["Porsche", "Volvo", "BMW"]; // 数组   获取字符方法cars[0]
var person = {firstName:"Bill", lastName:"Gates"}; // 对象     获取字符方法 person.firstName  或者 person["firstName"]

 

3、常见的 HTML 事件：

 例子:

<p onmouseover="displayDate()">点击按钮来显示日期。</p>

 

4、修改元素内容的方法

把别人的内容改掉 

onclick="document.getElementById('demo').innerHTML = 123"

 

把别人的属性改掉

onclick="document.getElementById('myImage').src='/i/eg_bulboff.gif'"

 

追加别人的样式(别人没写fontSize属性)

onclick="document.getElementById('demo').style.fontSize='35px'"

onclick="document.getElementById('demo').style.display='none'"  (隐藏标签)

onclick="document.getElementById('demo').style.display='block'"(显示标签)

document.getElementById("demo2").value="123";   （修改标签的value值）

https://www.w3school.com.cn/js/js_htmldom_methods.asp

 

5、获取元素属性的方法

<p><a id="myAnchor" href="http://www.w3school.com.cn/">W3School</a></p>

var x = document.getElementById("myAnchor").href;

 

6、获取文档的标题

<title>My title</title>

document.write(document.title)

 

7、数据类型转换

字符转数字

document.write(typeof Number("314"))

数字转字符

document.write(typeof String(123))

参考: https://www.w3school.com.cn/js/js_type_conversion.asp

 

json转字符的方法

const objToStr = JSON.stringify(obj)

字符转json的方法

const strToObj = JSON.parse(str)

https://www.cnblogs.com/susu8/p/9173913.html

 

数组转字符

var s = "abc,abcd,aaa";

var background = s.split(",");

 

字符转数组

var a, b;

a = new Array(0,1,2,3,4);

b = a.join("");

 

8、获取标签里面的文本

<p id="demo">请访问 Microsoft！</p>

 document.getElementById("demo").innerHTML

 

9、判断是否为数字

if(isNaN(x))

 

10、打断点，开发开发者工具访问就会打个断点

<script>
var x = 15 * 5;
debugger;
document.getElementById("demo").innerHTML = x;
</script>

 

11、等待10秒后执行

setTimeout(() => {

this.visible = false;

}, 10);

 

1000秒后执行某个方法

 

 

12、使用if判断语句的时候 最好用 && ，先判断变量获取是否成功，不然会报错 不会走下面else 的判断

if (result.response &&<        / span> result.response.status         = = = 'done' ) {
this.$message.success(        "导入成功" ,         2 );
document.getElementById(        id ).disabled         = false;
document.getElementById(        id + "loadding" ).style.display         = "none" ;
}         else {
this.$message.error(        "导入失败" ,         2 );
document.getElementById(        id ).disabled         = false;
document.getElementById(        id + "loadding" ).style.display         = "none" ;
}<       / span><      / span><     / span><    / span><   / span><  / span>< / span>

 

 

13、持续每隔1秒就执行一次

    fn2(){
      setInterval(function(){
         console.log("执行");
      },1000);
    }

主要停止要调  clearInterval 函数 https://www.cnblogs.com/kaibindirver/p/17346763.html

14、合并对象

https://blog.csdn.net/weixin_56408993/article/details/123910229

 

15、获取当前域名

location.hostname

 

16、if -else if-else

条件判断语句