web前端笔记day9

最新推荐文章于 2024-09-02 20:34:02 发布

浚聿

最新推荐文章于 2024-09-02 20:34:02 发布

阅读量144

点赞数

文章标签： css javascript

本文链接：https://blog.csdn.net/codejunyumao/article/details/107476487

版权

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	得到焦点时触发

浚聿

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
web前端笔记day9

1、判断返回值类型<script> //会执行的，或则说返回真的数据：true，任意非空（双空）数据 //不会执行，或则说返回假的数据，false，0，null，"" , undefined(未被定义) var val1 = undefined; var val2 = null; if(vai1 == val2){ console.log("if代码块");/*会执行该条语句，因为val1等于val2*/ }else{ consol
复制链接

扫一扫