1、判断返回值类型
<script>
//会执行的,或则说返回真的数据:true,任意非空(双空)数据
//不会执行,或则说返回假的数据,false,0,null,"" , undefined(未被定义)
var val1 = undefined;
var val2 = null;
if(vai1 == val2){
console.log("if代码块");/*会执行该条语句,因为val1等于val2*/
}else{
console.log("else代码块");
}
</script>
2、什么 is NaN
var str = "aasf";
if(isNaN(str)){
console.log("输入正确");/*输出的不是数字才会执行这条语句*/
}else{
console.log("输入错误");/*输出的是数字,才会执行这条语句*/
}
3、自定义函数
<button id="box" οnclick="myFunction(5,'maomao')">点我调函数</button>
<script>
function myFunction(count,name){
var box = doucment.querySelector("#box");
for(var i = 0; i<count; i++){
box.innerHTML += `<div>${name}</div>`;
}
}
</script>
4、全局变量和局部变量
<body>
<button type="button" οnclick="A()">调用A函数</button>
<button type="button" οnclick="B()">调用B函数</button>
<!-- <button>调用B函数</button> -->
<script>
var resA = 10;
function A(){
alert(resA);
alert(maomao);
}
function B(){
resA = 20;
maomao = 30;
alert(resA);
}
</script>
</body>
5、close、open的使用
<button type="button" οnclick="window.close();">点我关闭页面</button>
<button type="button" οnclick="window.open('close.html','close','left=200,top=300');">点我打开页面</button>
6、常用事件——onchange
<body>
<select name="" id="province" οnchange="printerProvince();">
<option value="">请选择</option>
<option value="jxs">江西省</option>
<option value="gds">广东省</option>
<option value="hbs">湖北省</option>
<option value="hns">湖南省</option>
</select>
<script>
function printerProvince() {
var province = document.querySelector("#province");
alert(province.value);
}
</script>
</body>
7、常用事件——onload
<body>
<script>
function aa() {
// 找到id=username的dom节点,获取它的value值
var val = document.querySelector("#username").value;
alert("执行了aa函数,文本框的值为:" + val);
}
// aa();
// 告诉浏览器,等待页面全部加载完成, 再去执行aa这个函数
window.onload = aa;
</script>
<input type="text" id="username" value="hello">
</body>
8、常用事件——onmouseenter/onmouseleave
<style>
#dv {
width:200px;
height: 200px;
margin:auto;
background-color: aqua;
}
#children {
width: 100px;
height: 100px;
background-color: bisque;
}
</style>
</head>
<body>
<div id="dv"
οnmοuseenter="console.log('进来')"
οnmοuseleave="console.log('出去')">
<div id="children"></div>
</div>
</body>
9、匿名函数
<script>
window.onload = function() {
aa("admin");
}
</script>
单词
英文 | 中文 |
---|---|
parseInt | 将字符串数值转换为整数 |
parseFloat | 将字符串的数值转换为浮点数 |
isNaN | 判断一个数据不为数值则返回true |
function | 定义函数 |
innerHTML | 往DOM内部添加HTML代码 |
document.querySelector | DOM查找 |
screen | 获取屏幕信息 |
confirm | 弹出一个确认对话框 |
open | 打开新的页面 |
onload | 页面加载完 |
onchange | 内容发生改变 |
onmouseover/onmouseenter | 鼠标移上触发,enter会把子节点当做父节点的一部分 |
onmouseout/onmouseleave | 鼠标离开触发,leave会把子节点当作父节点一部分 |
onblur | 失去焦点触发 |
onfocus | 得到焦点时触发 |