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

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>